在 jQuery AJAX 灯箱中失去作用域

Question

我的灯箱打开，新内容显示在其中。 但是该脚本似乎没有将事件侦听器添加到生成内容中的链接中。因此，除了新的页面加载之外什么都没有发生。

var lightbox = (function() {
var init = function() {
    $('footer').append("<div id='lightbox'><div id='close'>x</div></div>");     
    $('#close').click(function() {
        $('#lightbox').hide();
        $('#lightbox').children(':not(#close)').remove();
    });
    ajax();
};
var ajax = function() {
    $('.ajax a').add('#lightbox a').click(function(e) {
        e.preventDefault();
        $('#lightbox').children(':not(#close)').remove();
        $.ajax({
            url: $(this).attr('href'), 
            success: function(result) {
                $('#lightbox').fadeIn(300).append(result);
        }});
    });
};
return {
    init:init
}
})();

Answer 1

您实际上并没有调用init，这是您的关闭处理程序绑定的地方。 init 是一个局部变量，它永远不会从你的 IIFE 返回，所以显然它不是从这个函数外部调用的。

答案是调用init。就目前而言，您的 lightbox 函数除了声明（然后立即丢弃）两个名为 init 和 ajax 的变量之外，没有做任何事情。