我在代码中加载并使用了jQuery图像滑块模板。我使用WebMatrix来设计我的网站。但有时我会迁移到VS2008来创建ContactUs表单等,我觉得使用VS2008更容易。
当从WebMatrix运行时,滑块工作得很好,但当从VS2008运行时,我只得到了一个接一个的图像。我不明白,它运行着相同的代码,相同的库,一切都一样,但为什么会出现这个问题?
下面是js源路径。如果你还需要什么,请告诉我。非常感谢。
<script type="text/javascript" src="demo/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
在脚本文件引用方面也遇到过类似的问题。找到这个来纠正问题:
<script type="text/javascript" src="@Href("~/demo/scripts/jquery-1.7.1.min.js")"></script>
<script type="text/javascript" src="@Href("~/jquery.nivo.slider.js")"></script>
请参阅:在代码中使用文件和文件夹路径:http://www.asp.net/web-pages/tutorials/basics/2-introduction-to-asp-net-web-programming-using-the-razor-syntax
尝试使用这种方式:
<script type="text/javascript" src="demo/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.nivo.slider.js"></script>
// ---^-------------------just removed the ../
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
如果有帮助,请尝试一次。