使用AJAX加载jQuery背景滑块

Question

我需要创建一个传播内部链接而不刷新页面的网站。导航将保持不变。内容将通过jQuery .load（）加载。

一切工作正常，但全屏幕背景的jQuery插件无法通过AJAX加载。每个页面都有不同的背景。我正在使用[拉斯维加斯背景jQuery插件] [1]。

我所做的是将通过AJAX加载的#content中的插件触发的函数。事情是这样的：

<div id="#content"> <!--Loaded via AJAX --> 

<script> 
    $.vegas({ 
     src:'images/anImageforThisPage.jpg', 
     fade:2000 
    }); 
</script> 

    <!-- OTHER CONTENT --> 
</div> 

但它没有工作，每一个链接被点击时时候，只有内容加载，背景本身仍然anImageforThisPage.jpg代替theImageforAnotherPage.jpg

我我不是很确定为什么这样做，并正在寻找解决方案。我知道.load（）允许回调函数，尝试它，仍然是一样的。

Answer 1

您的JavaScript需要包装在脚本标签。

<div id="#content"> <!--Loaded via AJAX --> 
    <script type="text/javascript"> 
    $.vegas({ 
     src:'images/anImageforThisPage.jpg', 
     fade:2000 
    }); 
    </script> 
    <!-- OTHER CONTENT --> 
</div>