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

Using jQuery load() on dynamic content

本文关键字:jQuery load 动态      更新时间:2023-09-26

我试图用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类也调用一个简单的jQuery切换,这是与live()工作。

将live()处理程序添加到click()事件的jquery代码段运行良好。我只需要确保代码位于页面顶部,而不是其他代码。