适用于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？在头部？如果是这样，那就是它无法正常工作的原因。你必须在元素加载后分配你的onclicks和所有爵士乐。

修改

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

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