Question

我对jQuery很新，我遇到了一些麻烦。我有一个简单的sideshow和我想要使用的天气插件，但由于某些原因，当我同时实现它们时它们都不起作用。

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

<script type="text/javascript">
$(document).ready(function(){
$('#slideshow').fadeSlideShow();
});
</script>

<script type="text/javascript">
$(document).ready(function () {
$('#test').weatherfeed(['1580050']);
});
</script>

Answer 1

看来你正在加载两个版本的jQuery和两个fadeSlideShow文件，试试这个：

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

您可以将两个电话写入一个$(document).ready()：

<script type="text/javascript">
$(document).ready(function(){
    $('#slideshow').fadeSlideShow();
    $('#test').weatherfeed(['1580050']);
});
</script>

此外，如果您检查JavaScript控制台以查看是否出现任何错误消息，并为我们提供HTML代码，也会有所帮助。

Answer 2

每页只需要 ONE 版本的jQuery。

// This is one
<script src="js/jquery.js"></script>
<script src="js/fadeSlideShow-minified.js" type="text/javascript"></script>
<script type="text/javascript" src="js/fadeSlideShow.js"></script>
// This is another - delete this one.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.zweatherfeed.min.js" type="text/javascript"></script>

您也不需要fadeSlideShow

的缩小版和非缩小版

Answer 3

您已包含

fadeSlideShow-minified.js和fadeSlideShow.js

在你的脚本中，我认为它们是相同的。因为fadeSlideShow-minified.js是fadeSlideShow.js的最小版本所以只需从页面中删除js / fadeSlideShow.js的脚本标记并检查它。它现在应该工作。

Answer 4

您只需要包含一次jquery库。删除此行

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

Answer 5

中的数字是多少

$('#test').weatherfeed(['1580050']);

如果是WOEID，你必须像这样使用它：

$('#test').weatherfeed(['44418'],{
    woeid: true
});

这意味着，您必须对您的插件说，您使用的位置服务与默认位置服务不同。

Try Demo

为什么你实现了多个jQuery库？试试最后的jQuery版本（2.0或1.10.2）。

有许多可选的原因，为什么它无法运作。

希望对你有所帮助。

一页上有多个jQuery

5 个答案: