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>

但它引发了以下错误。

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

请帮我纠正一下。提前谢谢..

Answer 1

我打赌环形交叉口脚本的路径不正确...确保路径正确（我假设您的代码必须与此文件所在的文件夹相同）。

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

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

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

Answer 2

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

<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>

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

Jquery的回旋处不起作用

2 个答案: