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

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

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

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

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

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


但它不起作用,每次单击链接时,仅加载内容,背景本身仍然是ImageforThisPage.jpg而不是ImageforAnotherPage.jpg

我不太确定为什么它会以这种方式运行并正在寻找解决方案。我知道.load()允许一个回调函数,尝试过,还是一样。

最佳答案

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

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

关于jquery - 使用AJAX加载jQuery Background Slider,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13604372/

10-11 22:34
查看更多