可在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
});