javascript - 在 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/

对于 future 的读者来说，很快就会出现 404。直播站点:http://bama.ua.edu/~tscrompton/annotation/

Answer 1

jsfiddle 在 onLoad 中包围您的 javascript。在你的网站上，你把 JavaScript 放在哪里？在头部？如果是这样，那就是它不起作用的原因。您必须在元素加载后分配您的 onclicks 和所有爵士乐。

编辑:

在您的 javascript 文件中，您可以执行以下操作:

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