jquery - 使用 AJAX 加载 jQuery 背景滑块

Question

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

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

我所做的是将触发插件的函数放在通过 AJAX 加载的#content 中。像这样的东西：

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

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

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

但是不行，每次点击链接，只加载内容，背景本身还是anImageforThisPage.jpg而不是ImageforAnotherPage.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>