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

时间:2011-09-08 08:54:40

标签: javascript jquery jquery-load

我正在尝试使用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()一起使用。

1 个答案:

答案 0 :(得分:1)

添加到click()事件的带有love()处理程序的jQuery代码段工作正常。我必须确保代码在任何其他代码之前位于页面顶部。