jQuery在点击时加载内容

时间:2015-08-18 12:27:11

标签: jquery ajax nanoscroller

编辑:基本上我想知道是否有将jquery $('#mydiv')。load(myurl)函数加载的新内容挂钩到当前页面jQuery插件等

我有一个网页,用户点击一个链接,然后将网址内容加载到当前页面的div中。

jQuery点击事件

$(document).ready(function(){
$('.id_22').click(function(){
$('#message').load('my/url/page.html');
});
})

当前页面div

<div id="message"></div>

my / url / page.html页面内容

<div id="message-nano-wrapper" class="nano">
<div class="nano-content">
<ul class="message-container">
<li>A message here</li>
</ul>
</div>
</div>

问题是当前页面的nanoScroller插件已初始化并正常工作,但一旦加载内容,它将无法在消息div中工作。

我知道另一个页面有nanoScroller类命名,但有没有办法让当前页面“捕获”my / url / page.html内容中的命名类来初始化nanoScroller中的新内容?

我也知道我可以在当前页面上加载nanoScroller div内的URL内容,但我不希望实现此目的,因为my / url / page.html URL内容最终会在nanoScroll div上面有几个div

1 个答案:

答案 0 :(得分:0)

一旦内容加载,您可能只需要回忆一下监听器。

$(document).ready(function(){
    $('.id_22').click(function(){
        $('#message').load('my/url/page.html');
        $(".nano").nanoScroller();
    });
});