Социалистический плагин JQuery не работает

Я использую этот плагин, но мне не повезло с ним. 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 ответа

Решение

Вы должны включить локальную версию jQuery, потому что это может произойти только в том случае, если jQuery не загружен до того, как вы попытаетесь сделать документ готовым.

Может быть, он заволочен или вы получите тайм-аут со страницы API; другими словами: плагин не имеет ничего общего с вашей проблемой здесь.

Подобная проблема здесь: Uncaught ReferenceError: $ не определен?

На самом деле, если вы проверите тег сценария 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>

Исправьте ссылку, и вы готовы к работе.

Как мне указать, чтобы перечислять только последние каналы из FB и Twitter?

Другие вопросы по тегам