2

我正在使用 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 不是函数

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

4

2 回答 2

0

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

TypeError: $(...).roundabout 不是函数

这意味着浏览器无法找到一个名为 roundabout 的函数。这意味着它没有正确加载。

检查它是否已加载的一种方法是，当您右键单击页面时查看页面源...并单击查看源中的环形交叉路口脚本链接....其他是检查您的开发人员工具（chrome ) 或 firbug(firefox) 在页面加载时。

于 2013-05-16T09:58:10.437 回答
0

这是一个老问题，但仍然有些人（比如我）可能会从我的回答中受益。我有同样的问题，我发现它是由两次加载一些脚本引起的。我的文件中有以下几行，但这些文件已经加载到我的头文件中的包含文件中。

<script type="text/javascript" src="../js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript" src="../js/jquery-ui.js" ></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>

我不知道为什么这可能会导致问题，但删除上述修复它。

于 2017-10-03T04:23:17.877 回答