jQuery在AJAX加载的DIV中不起作用

Question

在文档的标题中，我加载了jQuery.js以及blockUI jQuery插件。

然后，在PHP中，我使用常规AJAX将其他PHP内容加载到DIV中。 在原始的PHP中，jQuery和blockUI插件可以正常工作，但是在任何由ajax加载的div中，jQuery和blockUI都绝对不起作用。 没有控制台错误，没有警告-什么都没有。

我是jQuery的初学者，而我在该主题上发现的其他文章都没有让我超越解决此问题的能力，因此，我正在帮助其他人。 在下面的代码中，您会看到我在live（）处刺了一下...

这是我的PHP文件的顶部，该文件已加载到DIV中

    <script type="text/javascript"> 
    $(document).ready(function() { 

        $('#crazy').live('click',function() { 
            $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
        }); 

        $('#yes').live('click',function() { 
            // update the block message 
            $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

            $.ajax({ 
                url: 'wait.php', 
                cache: false, 
                complete: function() { 
                    // unblock when remote call returns 
                    $.unblockUI(); 
                } 
            }); 
        }); 

        $('#no').live('click',function() { 
            $.unblockUI(); 
            return false; 
        }); 

    }); 
</script> 

这是该PHP文件中的HTML（已加载到DIV中）：

<input id="crazy" type="submit" value="Show Dialog" /> 

<div id="question" style="display:none; cursor: default"> 
        <h1>Would you like to contine?.</h1> 
        <input type="button" id="yes" value="Yes" /> 
        <input type="button" id="no" value="No" /> 
</div> 

Answer 1

在ADOM调用完成之前，加载DOM时将加载文档就绪功能。 因此，它仅将.live()调用应用于AJAX调用之前存在的元素。

如果要将内容应用于AJAX调用加载的内容，请为AJAX指定一个回调函数，该函数在加载完成后将应用适当的内容。

Answer 2

live版本有什么问题？ 它仍然默默地失败吗？

#yes点击事件方法中的AJAX请求是否可能失败？

我已经在jsfiddle上使用了您的代码并将其简化了很多，而且看起来工作正常。 live的使用没有问题，它应该为通过AJAX插入的元素修复该事件处理程序。

您是否尝试过仅在事件方法中引发警报以查看它们是否被调用？