jQuery单击处理程序未在模式窗口内触发

Question

我有一个非常简单的点击处理程序，它在点击时发出 AJAX GET 请求，如下所示：

$('span.switch-option').click(function() {
    $(this).parents('div.log-in-option').hide();
    $(this).parents('div.log-in-option').siblings('div.log-in-option').fadeIn();
});

这在网站上的任何其他地方都可以完美运行。但是，当我尝试在模态窗口中单击类 switch-option 的 <span> 元素时，该事件不会触发。但是，在控制台中输入 click-handler 函数的内容并运行它们确实会执行所需的行为。

为什么单击处理程序不会在此模式窗口中触发？我正在使用流行的 SimpleModal 插件 http://www.ericmmartin.com/projects/simplemodal/ 和 jQuery 1.9.1。

这里有一个活生生的例子：http://ec2-107-22-8-70.compute-1.amazonaws.com/thread/19。如果您单击50,000 reps 或任何用户的信誉，然后尝试单击对话框中的蓝色大链接，则单击处理程序不会触发。这种行为也会发生在不同模式窗口中的其他点击处理程序中。

Answer 1

当你的脚本（main.js）运行时，元素'li.log-in, a.log-in'在dom中不存在，它们会在创建弹出窗口时动态加载，因此jQuery无法绑定事件处理程序

尝试事件传播

$(document).on('click', 'li.log-in, a.log-in', function() {
        $.get('/login/', function(data) {
            //make a modal window with the html
            $.modal(data);
        });
        return false;
    });