jQuery(…).timeago is not a function

jQuery(…).timeago is not a function, someone asked me to explain?

I got the following error while I needed to show the relative time to post using jQuery timeago js. In my case it is due to multiple JQuery registered on the page.


jQuery timeago is not a function

I registered jQuery on master page as well as working page. Resolve this error by removing jQuery from the current working page.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.4.3/jquery.timeago.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
<abbr class="timeago" title="2016-10-22T023:24:17">October 22, 2016</abbr></b>

If you are adding html element dynamically, you should trigger the jQuery after it generated.


$(document).ajaxStop(function () {

Further if you are facing any problem, you may implement jQuery noConflict for document like this,

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

Reference: JQuery timeago example in MVC 

Post your comments / questions