jquery - jQuery 在点击时加载内容

Question

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

我有一个网页，用户单击链接，然后将 URL 内容加载到当前页面上的 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

Answer 1

加载内容后，您可能只需要调用侦听器即可。

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