锚标签在fancybox中不起作用

时间:2014-10-14 11:48:42

标签: jquery fancybox-2

当我点击" 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");
});

检查JSFIDDLE中的html代码。

2 个答案:

答案 0 :(得分:0)

试试这段代码:

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

答案 1 :(得分:0)

在脚本之后添加此内容。正如评论中所述, fancybox 阻止在弹出窗口中点击任何元素。另一种方法是使用此脚本重定向自己。

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