jquery - 使用 AJAX 加载 jQuery 背景 slider

Question

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

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

我所做的是将触发插件的函数放置在 #content 中，该内容是通过 AJAX 加载的。像这样的事情:

<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>