javascript - 无法在输入字段中输入文本(在花式框弹出窗口中)

Question

由于某种原因，我现在无法在我的时事通讯输入字段中输入文本，因为我将它显示在 fancybox 中。弹出窗口。知道问题是什么以及如何解决这个问题吗？参见 http://jsfiddle.net/6G8YR/非常感谢，

function openFancybox() {
    setTimeout( function() {$('#newspopup').trigger('click'); },1000);

}
$(document).ready(function() {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false;
    } else {
        openFancybox();
    }
    $.cookie('visited', 'yes', { expires: 0.0001 });
    $('#newspopup').fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.3)'
            }
        }
    }
});

});

$(document).on('click', function(e) {
    if(e.target === $('.visitwebsitebtn')[0]) {
        $.fancybox.close();
    }
});

Answer 1

好的，我找到了问题所在，但只遇到了其他类型的问题。问题是，有一个事件会导致您的 fancybox 在每次有人碰巧点击它时刷新。

这就是您无法在输入中写入任何内容的原因。我有一个非常丑陋但有效的临时解决方案。

$('#email').on('click', function(e){
    e.stopPropagation();
});

单击电子邮件输入后，您的 fancybox 将不会引用。我尝试将此应用到您的#newspopup 但它会阻塞 $('#newspopup').trigger('click'); 所以您的 fancybox 一开始就不会打开。

这是一个Demo

附加信息:

我以前用过 fancybox 插件，我从来没有遇到过这个问题。您可能想考虑向您的 fancybox 添加选项.. 例如添加此行:

'type':'iframe',

我会尝试使用 jsfiddle，但不幸的是他们似乎不允许这样做。