javascript - 触发我自己的 jQuery 函数

Question

我正在尝试使用以下方法触发我自己的 jQuery 函数，但它不起作用。它甚至不显示警报。有什么想法吗？

(function($){
    $.fn.loadWorksheets = function() {
    alert("test 123");
        var weekEnding = this.value;
        $.post("fetchRows.php", {week_ending: weekEnding}, function(data)
        {
            var data = $.parseJSON(data);
            $("#completedWorksheets > tbody").html("");

            if(data[0] !== false) {
                $(data).each(function(i,val){
                        var newRow = '<tr><td data-th="Week ending">' + data[i]["week_ending"] + '</td><td data-th="Employee">' + data[i]["employee"] + '</td><td data-th="Project">' + data[i]["project"] + '</td><td class="actions"></td></tr>';
                        $("#completedWorksheets tbody").append(newRow);
                });
            }
            else {
                $("#completedWorksheets tbody").append('<tr><td colspan="4">There are no worksheets for the selected week.</td></tr>');
            }
        });
    }
});

$('#week_ending_cm').on('change', function() {
    $.fn.loadWorksheets();
});

谢谢。

Answer 1

您的初始匿名函数未被调用。它的最后一行应该是这样的

})(jQuery);

不仅仅是

});

因为没有调用该函数，所以没有显示警报，也没有定义您的 jQuery 插件。

正如在对您的问题的评论中所指出的，如果您正在创建一个函数，而不是一个在 jQuery 对象上运行的 jQuery 方法，通常这些函数将作为 $ 的属性添加而不是 $.fn。