jsFiddleで動作しますが、ライブサイトではありません

Question

var add_time = function ($category) { 
    'use strict'; 

    var time_element = $('<input size="7" class="time" placeholder="00:00" pattern="(?:(?:\\d:)?[0-5])?\\d:[0-5]\\d" title="Please insert a time in the form of [[h:]m]m:ss." />'); 

    if ($('.time').length === 0) { 
     time_element.insertAfter($category.find('.add_time_button')); 
    } else { 
     time_element.insertAfter($('.time')); 
    } 
}; 

$('.add_time_button').click(function() { 
    'use strict'; 

    add_time($(this).parentsWhen('.category')); 
}); 

私はそれを取得しません。コンソールエラーはありません。すべて私にはうまく見えます。 JSFiddleを通してそれを実行してください。何もない。一口。問題はすべてタイトルにあります。ここにjsFiddleがあります：http://jsfiddle.net/gtr053/N2HmG/

今後の読者には、これはまもなく404になります。ライブサイト：http://bama.ua.edu/~tscrompton/annotation/

Answer 1

jsfiddleはonLoadであなたのJavaScriptを囲みます。あなたのサイトでは、どこにjavascriptを置いていますか？頭の部分で？もしそうなら、それが働かない理由です。要素が読み込まれた後、あなたはオンクリックとそのすべてのジャズを割り当てなければなりません。

EDIT：あなたがこれを行うことができ、あなたのjavascriptファイルで

：

$(document).ready(function(){ 
    //put the javascript from the jsfiddle in here 
});