Question

计算我正在使用jquery-timeago库的帖子的相对时间。以下是我需要在HTML页面中放置的JavaScript代码

<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>

我仍然得到错误

如何解决此错误？在Stack Overflow上已经有很少的问题，但是没有一个能解决我的问题。

编辑：

这是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

编辑：通过以下方式进行更改已解决了该问题！

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

Answer 1

用下面的CDN替换当前的CDN并尝试。

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

Answer 2

在jquery.min.js

之后加入

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

Answer 3

现在检查这个小提琴Fiddle

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

正确放置您的代码。然后它将开始工作。

CDN

使用Shussain

提供的CDN

Answer 4

我有相关的问题，如上所述在这个确切的情况下，它是用Shussain用户的评论解决的：

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

但是我已经解决了以下问题替换文档的问题：

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

      });
    })(jQuery);

获取'未捕获的TypeError：$（...）。timeago不是函数'

4 个答案: