在动态内容上使用 jQuery load()答案

【问题标题】：Using jQuery load() on dynamic content在动态内容上使用 jQuery load()
【发布时间】：2011-09-08 08:54:39
【问题描述】：

我正在尝试使用 jQuery load() 将内容加载到 DIV 中，但如果在页面加载后生成调用该函数的链接，则它不起作用。

var ajax_load = "<img class='loading' src='ajax-loader.gif' alt='loading...' />";
$(".slide_more").click(function() {
    $("#ajaxcontent").html(ajax_load).load('p=4324.php #singlePost');
});

以及生成的链接：

<a href="#" class="slide_more" id="load_basic">LOAD</a>

我尝试过使用live() 和delegate()，但没有成功：

$(".slide_more").live('click', function() {
    $("#ajaxcontent").html(ajax_load).load('p=4324.php #singlePost');
});

奇怪的是.slide_more 类还调用了一个与live() 一起使用的简单jQuery 切换。

【问题讨论】：

你用firebug查看ajax调用是否有效？我怀疑您的网址被误解了。
页面加载后生成的链接。此代码必须在生成链接后执行
是的，在 NET/XHR 下，除了包含链接的生成内容外，什么都不会出现。
是的，它在里面 (document).ready()
@elbatron：jsfiddle.net/mattlunn/2ytnW。你找错树了。如果我的 Fiddle 中存在图像路径/ AJAX url，它会正常工作。

标签： javascript jquery jquery-load

【解决方案1】：

将 live() 处理程序添加到 click() 事件的 jQery sn-p 工作正常。我只需要确保代码在任何其他代码之前位于页面顶部。

【讨论】：