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

Question

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

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该类还调用了一个简单的 jQuery 切换，它正在使用live().

Answer 1

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