我正在尝试在我的asp.net mvc网站中使用movingBoxes插件,但它无法正常运行(显然)。 我已经在site.master中的head标签中导入了movingboxes.js,如下所示:
<script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>
浏览器成功获取了此脚本。现在我有一个普通的视图,它从site.master继承,并且有这个调用movingBoxes插件的一小段jquery代码。
<script type="text/javascript">
$(document).ready(function () {
$($('#slider-one'));
$('#slider-one').movingBoxes({
startPanel: 1,
panelWidth: .5,
fixedHeight: false
});
$('#slider-two').movingBoxes({
startPanel: 1,
panelWidth: .5,
fixedHeight: false
});
});
</script>
当我浏览页面时,除了这个插件之外,其他jQuery操作都能正常工作,但是对于这个插件,我遇到了错误。错误信息如下图所示:
![enter image description here](https://istack.dev59.com/AJwvv.webp)
![enter image description here](https://istack.dev59.com/GTRX6.webp)
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js" />
<script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>
通过将它更改为这样,它现在可以工作:
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script>
<script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>
$($('#slider-one'));
是什么意思,我没有看到任何问题。也许可以检查一下文件是否被正确地包含了。 - HChen