使用AJAX加载jQuery背景幻灯片

Question

使用AJAX加载jQuery背景幻灯片

3

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

除了使用AJAX无法加载全屏背景的jQuery插件外，一切都运作良好。每个页面都有不同的背景集。我正在使用[Vegas Background jQuery Plugin][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()允许回调函数，尝试了一下，仍然一样。

- user1859603

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- A F · Answer 1

你的 JavaScript 需要用 script 标签包裹起来。

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