jquery - jQuery中的回旋处不起作用

我正在使用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>

但是会引发以下错误。

TypeError：$（...）。roundabout不是函数

请帮助我纠正此问题。提前致谢..

最佳答案

我敢打赌，回旋脚本的路径不正确...确保路径正确（我假设与您的代码必须位于该文件所在的文件夹中）。


TypeError：$（...）。roundabout不是函数


这意味着浏览器无法找到一个名为“回旋处”的函数。这意味着它未正确加载。

检查它是否已加载的一种方法是，右键单击页面时查看页面消息...，然后在视图源中单击回旋脚本链接...。另一种方法是检查开发人员工具（chrome ）或firbug（firefox），而页面正在加载。