2013-08-09 2 views
0

현재 모달 라이트 박스 창이 열리는 탐색 메뉴가 있습니다.라이트 박스 2 모듈을 사용하여 라이트 박스를 Drupal에서 열지 못하게하는 방법

첫 번째 기본 옵션 인 URL이 선택되지 않은 옵션이있는 경우 창을 열지 않습니다.

다음과 같은 여러 기술을 시도했습니다. - 양식의 onsubmit 이벤트에서 false를 반환합니다. - jQuery를 사용하여 goURL a href 링크에 click 이벤트를 바인딩하면 이 1) event.preventDefault를 호출하거나 2) 전파 이벤트가 중지됩니다. - goURL과 href 링크에 onclick 이벤트 코딩.

다음은 당신이 라이트 박스 효과가없는 단순 링크를해야하는 경우 확인해 속성을 제거해야하는 HTML 코드

<h3>Request a <span>Quote</span></h3> 
<form action="#"> 
    <div class="select"> 
     <select id="URL" name="URL" onchange="$('#goLink').attr('href', $('#URL').val());"> 
      <option value="">- Choose a Link -</option> 
      <option value="/node/1/lightbox2">Link 1</option> 
      <option value="/node/2/lightbox2">Link 2</option> 
      <option value="/node/3/lightbox2">Link 3</option> 
      <option value="/node/4/lightbox2">Link 4</option> 
      <option class="last" value="/node/5/lightbox2">Link 5</option> 
     </select> 
    </div> 
</form> 
<a href="#" id="goLink" class="go" rel="lightframe">GO</a> 

답변

1

입니다. href 속성은 영향을 미치지 않습니다.

$("#url").change(function(){ 
    var selected = $('url :selected'), // Get the selected option 
     selectedVal = selected.val(); // Get the selected option value 

    if (selectedValue == "") { 
     $('#goLink').removeAttr('rel'); // Remove the rel if the value is empty 
    } else { 
     $("#goLink").attr('href',selectedVal).attr('rel','lightframe'); // Add rel=lightframe attribute and the href 
    } 
}); 
: 여기

는 jQuery 코드 (필요 단지 예로서 완벽한 하나를 제외한)의 샘플입니다