Jquery 使用jCarouselLite时出现JavaScript运行时错误
我之前在测试页面中使用了这段代码,它运行得非常好Jquery 使用jCarouselLite时出现JavaScript运行时错误,jquery,jquery-plugins,jcarousellite,Jquery,Jquery Plugins,Jcarousellite,我之前在测试页面中使用了这段代码,它运行得非常好 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <script src="jQuery/jquer
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="jQuery/jquery-1.11.0.js"></script>
<script src="jQuery/jcarousellite_1.0.1.min.js"></script>
<script>
$(function () {
var myCounter = $('li').length;
$(".nonCircular .carousel").jCarouselLite({
btnNext: ".next",
visible: 1,
circular: false
});
var counter = 0;
$('.next').on('click', function () {
counter = counter + 1;
if (counter == myCounter)
window.location.href('Fraga.aspx');
});
});
</script>
我之前在使用另一个插件时出现了这个错误,但那是因为我忘记添加一个部分,但这是测试页面中的确切代码,我将脚本放在同一区域中,因此在复制和粘贴代码时应该可以工作。但事实并非如此
这是我的标记
<div class="nonCircular">
<div class="carousel">
<ul>
<li><img src="images/1.png" height="400" alt=""></li>
<li><img src="images/2.png" width="600" height="400" alt=""></li>
<li><img src="images/3.png" width="600" height="400" alt=""></li>
<li><img src="images/4.png" width="600" height="400" alt=""></li>
</ul>
</div>
</div>
这是我的下一个标记
<div style="width:50px; height:50px; background:#f00;" class="next"></div>
不同的jQuery插件在一起工作时可能会发生冲突,例如bootstrap和jCarouselLite,但工作正常
^
|
fiddle
这不是一个解决方案,但为什么同时包含jquery 1.10.2和1.11.0?然后粘贴html,这是个好问题,我想这是为了防止我无法访问互联网,所以我把它添加到那里作为故障保护。你最好只使用其中一个。存储在您的服务器上,如果您不确定internet连接是否正确,您确定没有忘记将jcarousellite_1.0.1.min.js复制到您的服务器上吗?我对jQuery还比较陌生,所以我会记住您的建议。至于我的问题,你知道为什么它在一个项目中有效而在另一个项目中无效吗?
^
|
fiddle