Question

我需要创建一个网站，在没有页面刷新的情况下传播内部链接。导航将保持不变。内容将通过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>

但它不起作用，每次点击一个链接时，只加载内容，背景本身仍然是一个ImageforThisPage.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>

使用AJAX加载jQuery Background Slider

1 个答案: