Question

我从here下载了一个Jquery插件，用于图像转换。

现在我的原始jquery无效:(

我在我拥有所有原始代码（即myjs.js）的文件中写道：

$('#slidercont').jqFancyTransitions({ width: 985, height: 493 ,delay: 2000,stripDelay: 50,titleSpeed: 1000});

当我评论这一行时，一切正常。

这是我包含jquery库的部分：

<script type="text/javascript" src="js/jquery-1.11.1.js"></script>    //The Jquery library
    <script type="text/javascript" src="js/myjs.js"></script>         //where I have written all my js code
    <script type="text/javascript" src="js/slider.js"></script>
<script src="js/jqFancyTransitions.1.8.js" type="text/javascript"></script>     //this is the new library I included.

我可以做些什么来让它们一起工作？我应该在单独的文件中编写单独库的代码。

我尝试更改包含文件的顺序，但这没有帮助。

这里有什么建议吗？

更新：

我有幻灯片放映的主页面，我已经包含了所有脚本。在另一个我使用自编JS（发生问题）的页面中，我已经包含了除转换插件之外的所有JS文件。我需要在那里改变吗？

来自myjs.js的代码段：

$(document).ready(function(){
// ... some other jquery code

    $('#slidercont').jqFancyTransitions({ width: 985, height: 493 ,delay: 2000,stripDelay: 50,titleSpeed: 1000});

// ... some other jquery code       

});

Answer 1

更新了答案：

根据您的评论，它表明插件的脚本文件未加载（在网络控制台中查找错误）。这表明它的路径不正确。如果你纠正了路径，问题应该消失（但我仍然建议改变下面的加载顺序）。

我有幻灯片放映的主页面，我已经包含了所有脚本。在另一个我使用自编JS（发生问题）的页面中，我已经包含了除转换插件之外的所有JS文件。我需要在那里改变吗？

无需在不使用插件的页面上包含插件。

原始答案：

您的脚本顺序错误，所以当您尝试调用jqFancyTransitions时，jQuery对象上不存在它（在控制台中，您应该看到{{1}或类似的）。

Error: undefined is not a function

（我不知道<script type="text/javascript" src="js/jquery-1.11.1.js"></script> //The Jquery library <script src="js/jqFancyTransitions.1.8.js" type="text/javascript"></script> //this is the new library I included. <script type="text/javascript" src="js/myjs.js"></script> //where I have written all my js code <script type="text/javascript" src="js/slider.js"></script>中的内容，但您也可能想要提升它。）

一般加载顺序为：

的jQuery
您打算使用的任何jQuery插件
您的代码

Answer 2

我在其他页面中添加了jquery插件，因为我包含了myjs.js文件（其中包含我的所有jquery代码，包括使用jquery插件代码的那部分）。

错误是由于包含myjs.js文件并且未包含插件的页面存在问题：

 $('#slidercont').jqFancyTransitions({ width: 985, height: 493 ,delay: 2000,stripDelay: 50,titleSpeed: 1000});

因为找不到相应的功能。

我也在那里添加了插件，它现在正在运行.. :)

Jquery库存在兼容性问题

2 个答案: