0

我对 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>
4

5 回答 5

2

看来您正在加载两个版本的 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 代码提供给我们，这将有所帮助。

于 2013-09-12T09:08:54.857 回答
1

你已经包括

fadeSlideShow-minified.js 和 fadeSlideShow.js

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

于 2013-09-12T09:17:44.050 回答
1

每页只需要一个版本的 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

于 2013-09-12T09:08:12.697 回答
0

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
于 2013-09-12T09:08:21.600 回答
0

里面的数字是多少

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

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

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

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

试用演示

为什么你实现了不止一个 jQuery 库？尝试最新的 jQuery 版本（2.0 或 1.10.2）。

有许多可选的原因，为什么它不能工作。

希望对您有所帮助。

于 2013-09-12T09:14:31.823 回答