javascript - 在动态内容上使用 jQuery load()

Question

我正在尝试使用 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 切换。

Answer 1

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