通过 AJAX GET 调用加载后，jQuery 脚本未加载

Question

在从 jQuery AJAX GET 加载文件后，我在尝试弄清楚如何加载 jQuery 脚本时遇到了一些困难。

此代码绑定(bind)到 ID 为 navhome 的 div:

$('#navhome').live('click',getHome);

下面的代码是从服务器获取文件的代码。

function getHome() {    
$('#pagecontent').fadeOut('fast', function() {
    $.ajax({
    type: "GET",
    url: "../../pages/home.php",
    success: postToPage});
});}

此代码将其放置在页面上:

function postToPage(data, status) { 
$('#pagecontent').html(data);}

我想要发生的是在加载文件时运行一个 slider 插件，但我很难理解我需要做什么才能使其运行。

我有上述内容为我为我的 Minecraft 服务器制作的一个小网站提供支持，它可以在 http://www.chernobylserver.com 上找到。。当您单击“成员”页面时，它会使用上述内容加载新内容，但当我单击“主页”时，它不会重新加载 slider 脚本。

如果您能够为我指明正确的方向，我将永远感激您。这让我心烦意乱有一段时间了。这对我来说都是新领域。

感谢您花时间阅读本文，我真的很感激。 :-)

卡勒姆·科尔

Answer 1

只需将 nivoslider init 转换为函数即可

 function startSlider() {
     jQuery('#slider').nivoSlider( [... options here ...] );
 }

并将其添加到 postToPage();

   function postToPage(data, status) {  
     $('#ajaxcontent').html(data);
     $('#ajaxcontent').fadeIn('slow');
     $('#footerribbon').fadeIn('slow');
     startSlider();
   }

另外，快速提示:不要使用 .live()。使用$.on()