jquery - Jquery 中的循环不工作

Question

我正在使用 Jquery 来制作图像动画。但我收到以下错误

 TypeError: $(...).roundabout is not a function

我的代码如下。

 <div class="gallery" > 
 <ul>
 <li><img src="/images/15-1368597729-csk12-600.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>

 <li><img src="/images/15-larry-page-300.jpg" alt="Test Image 1" width="320px" height="320px" /> </li>

 <li><img src="/images/16-1368691358-harbajan-singh-600.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>

 <li><img src="/images/16-uma-bharti-300.jpg" alt="Test Image 1" width="320px" height="320px"  /> </li>

 <li><img src="/images/Firefox_wallpaper.png" alt="Test Image 1" width="320px" height="320px"  /> </li>

 <li><img src="/images/empty_user.png" alt="Test Image 1" width="320px" height="320px"  /> </li>

</ul>

 </div>

 <script type="text/javascript"   src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 <script type="text/javascript" src="jquery.roundabout.min.js"></script>
 <script type="text/javascript">

$(document).ready(function() {
    $("ul").roundabout({
       shape: 'lazySusan'
 });

 });
 </script>

但它抛出以下错误。

类型错误:$(...).roundabout 不是函数

请帮我纠正这个问题。提前致谢..

Answer 1

我敢打赌，环形交叉路口脚本的路径不正确...确保路径正确(我假设您的代码必须位于该文件所在的同一文件夹中)。

TypeError: $(...).roundabout is not a function

这意味着浏览器无法找到名为 roundabout 的函数..这意味着它未正确加载..

检查它是否已加载的一种方法是，右键单击页面时查看页面源...然后单击查看源中的循环脚本链接...其他方法是检查您的开发人员页面加载时使用工具 (chrome) 或 firbug(firefox)。