fancybox에서 앵커 태그가 작동하지 않습니다.

Question

"로그 아웃"을 클릭하면 로그 아웃 (로그 아웃 페이지로 리디렉션)하고 싶습니다.

$(document).ready(function() { 
    $("#emailverification").fancybox({ 
     closeClick: false, // prevents closing when clicking INSIDE fancybox 
     openEffect: 'none', 
     closeEffect: 'none', 
     closeBtn: false, 
     keys: { 
      close: null 
     }, 
     helpers: { 
      overlay: { 
       closeClick: false 
      } 
      // prevents closing when clicking OUTSIDE fancybox 
     } 
    }).trigger("click"); 
}); 

<div id="emailverification" style="display:none;"> 
<div style="width: 100%;float:left;background-color: #E4E5EA;"> 

는 JSFIDDLE에 HTML 코드를 확인합니다.

$(document).ready(function() { 
      $("#emailverification").fancybox({ 
      closeClick : false, // prevents closing when clicking INSIDE fancybox 
      openEffect : 'none', 
      closeEffect : 'none',    
      closeBtn : false,    
//    keys : { 
//    close : null 
//    }, 
      helpers : { 
       overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
      } 
      }).trigger("click"); 
    $('#logout').click(function(){ 
     window.location="http://www.example.com/"; 
    }) 
     }); 

Answer 1

이 코드를 사용해보십시오. 의견 에 설명 된 것처럼 fancybox은 팝업 안에 클릭 된 요소를 차단합니다. 대안은이 스크립트를 사용하여 자신을 리디렉션하는 것입니다.

$('#emailverification a[href=logout]').click(function (e) { 
    location.href = this.href; 
}); 

Answer 2

이 스크립트 후이 추가 :