2015-12-04 5 views
2

Чтобы рассчитать относительное время публикации, я использую библиотеку jquery-timeago. Вот код JavaScript, который мне нужно разместить на странице HTML

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    $("abbr.timeago").timeago(); 
    }); 
</script> 

Я также включал Jquery

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

Im все еще получаю ошибку как

enter image description here

Как Я разрешаю эту ошибку? В Stack Overflow уже есть несколько вопросов, но ни один из них не может решить мою проблему.

EDIT:

Вот головная часть HTML страницы

<html> 

<head> 
    {% for ud in userdata %} 
    <title>{{ud.fullname}} </title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 


    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.3/jquery.timeago.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 

    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
     $("abbr.timeago").timeago(); 
    }); 
    </script> 

</head> 

Вот скрипку. Но он отлично работает. DEMO

EDIT: проблема решена путем внесения изменений ниже!

<script type="text/javascript"> 
    var $j = jQuery.noConflict(); 
    $j(document).ready(function() { 
     $j("abbr.timeago").timeago(); 
    }); 
    </script> 
+1

вы добавили 'timeago' после' jQuery'? –

+1

Да! Я добавил «timeago». И еще одна вещь, я получаю такую ​​ошибку для каждой добавляемой функции, а не только по времени. Я хочу сказать, что получаю эту ошибку всякий раз, когда я использую JQuery! –

+1

размещение сценария в конце тела тоже не разрешило проблему @MLM –

ответ

3

замените текущий CDN на нижний и попробуйте.

https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.3/jquery.timeago.js

+0

Это не помогло. Такая же ошибка! –

+0

скачать файлы и включить их в скрипт. – Saddamhussain

+0

это должны быть следующие причины: Проверить погоду jQuery id, определенный из нет, возникнет конфликт, используйте этот параметр var $ j = jQuery.noConflict(); $ j (document) .ready (function() { $ j ("abbr.timeago"). timeago(); }); – Saddamhussain

0

Включите эту опцию после jquery.min.js

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.3/jquery.timeago.min.js"></script> 
+0

Включено. Но это не решило проблему. –

+0

- та же ошибка появляется? –

+0

Точно такой же. JsFiddle отлично работает (https://jsfiddle.net/8h8djqh6/10/). Но проблема возникает только в проекте. –

0

Проверить эту скрипку в настоящее время Fiddle

<abbr class="timeago" title="2011-12-17T09:24:17Z">December 17, 2011</abbr> 
jQuery(document).ready(function() { 
    $("abbr.timeago").timeago(); 
}); 

Поместите ваш код правильно. Тогда он начнет работать.

CDN

Используйте функцию CDN обеспечивает Shussain

+0

Я разместил то же самое сейчас. Но такая же ошибка. Я также попытался загрузить файлы и включить их в код. Еще одна ошибка. И да, я получаю эту ошибку, когда я пытаюсь использовать JQuery. Не только с 'timeago' –

+0

Где вы получаете сообщение об ошибке? в вашей машине или jsfiddle? –

+0

Fiddle работает нормально. Я получаю ошибку в моем проекте! –

0

я связанный с этим вопрос, как указано выше в этом точном случае она была решена с Shussain пользователя комментарием:

$j = jQuery.noConflict(); $j(document).ready(function() { $j("abbr.timeago").timeago(); }); 

Но я решил выпуск с заменой готового документа, как указано ниже:

(function ($) { 
     "use strict"; 
     // Your js code 

     }); 
    })(jQuery); 
Смежные вопросы