JQuery社交插件不起作用

时间:2012-12-27 14:00:00

标签: jquery jquery-plugins plugins social referenceerror

我正在使用这个插件,但我没有运气。 http://plugins.in1.com/socialist/demo

我正在使用WampServer运行提供的示例代码。

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src='./jquery.socialist.js'></script>
<link href="./jquery.socialist.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function(){
    $('#content').socialist({
        networks: [
            {name:'linkedin',id:'buddy-media'},
            {name:'facebook',id:'in1dotcom'},
            {name:'twitter',id:'in1dotcom'}
           ],
        isotope:false,
        random:false,
        fields:['source','heading','text','date','image','followers','likes']
    });
});
</script>
</head>
<body>
    <div id="content"></div>
</body>
</html>

我在firebug中不断收到此错误。

ReferenceError: $ is not defined
$(document).ready(function () {
index.html (line 8)

这会产生一个空白页面。 有人可以分享他们的知识吗?它变成了痛苦

3 个答案:

答案 0 :(得分:2)

你应该包含一个本地版本的jQuery,因为如果在你尝试准备好文档之前没有加载jQuery,这种情况就会发生。

也许它被防火墙或者你从api页面获得超时;换句话说:这个插件与你的问题无关。

这里有类似的问题: Uncaught ReferenceError: $ is not defined?

答案 1 :(得分:0)

如何指定仅列出来自FB和Twitter的最新供稿?

答案 2 :(得分:0)

实际上,如果您在代码中检查jquery脚本标记:

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

您可以看到链接本身不正确。您仅使用//而不是http://

良好的联系是:

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

纠正链接,你准备好了。