可在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将您的JavaScript包围在onLoad 。 在您的网站上，您将JavaScript放在哪里？ 在头部？ 如果是这样，那就是为什么它不起作用的原因。 元素加载后，您必须分配onclicks和所有爵士乐。

编辑：

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

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