点击后多次显示

Question

我构建了一个jQuery类别过滤脚本，该脚本调用带有类别查询字符串的WordPress日历页面。我遇到一个问题，如果我太快点击按钮，会显示两个日历实例。目前代码使用隐藏的复选框，所以我不认为它是最佳的。任何人都可以看到更好的方法来实现这一点，并且可以简化代码以提高效率吗？

$("#test").load("/events/cal-page/");
$("#catbox li").prepend("<input type=\"checkbox\"  style=\"display:none;\">  ");
$('.cat-item a').attr("href", "#")
$('.cat-item a').click(function() {
    $(this).prev().click();
    $(this).toggleClass("selected");
    //$(this).closest('a').find('[type=checkbox]').click();
});

$(":checkbox").change(function() {
    var values = $('input:checkbox:checked').map(function() {
        var bob = $(this).parent().attr('class');
        var bob = bob.replace(/[^0-9]/gi, ''); // Replace everything that is not a number with nothing
        var number = parseInt(bob, 10); // Always hand in the correct base since 010 != 10 in js    

        if (number == '2') {
            number = "5,6,7,8,13";
        } else if (number == '3') {
            number = "9,10,11,12";
        }
        //alert(number);    
        return number
    }).get();
    //alert(values);
    $("#test").load("/events/cal-page/?q=" + values + "");
});