Якорный тег не работает в fancybox

Question

Я хочу выйти из системы (перенаправить на страницу выхода), когда я нажимаю «LOGOUT».

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

$(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"); 
}); 

Проверьте HTML-код в JSFIDDLE.

Answer 1

Попробуйте этот код:

$(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 2

Добавить это после того, как ваш сценарий. Как указано в комментариях fancybox блокирует доступ любого элемента во всплывающем окне. Альтернативой является перенаправление себя с использованием этого скрипта.

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