我需要创建一个无需内部刷新即可传播内部链接的网站。导航将保持不变。内容将通过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/