jquery点击事件不断解除绑定(bind)

Question

当我运行代码时，点击事件第一次起作用。当我多次单击它时，似乎单击次数是无限的。如何保持点击事件有界？

var Categories = function() {
        $("select[id^='CategoryListBox-']").click(
        function() {
            SelectedItem = $(this).val();
            $(this).parent().load('/Categories/CategoryPicker?CatID=' + SelectedItem);

            //send CatID to the requesting page
            $('form#SubmitPost').prepend('<input id="CatID" name="CatID" type="hidden" value="' + SelectedItem + '" />');
        });
    }

    Categories();

Answer 1

您通过替换父元素内的 dom 来覆盖点击处理程序。您可以使用 live 来始终保持绑定(bind)。

第 2 行是:

$("select[id^='CategoryListBox-']").live('点击',

这样就可以了