jquery - 使用可选择的 jquery 进行多项选择和点击

Question

我正在用可选择的 jquery 进行一个小时的计划。

这个想法很简单：可以进行多种选择。如果单击，则打开/关闭小时。如果按下 shift，字段变为红色并被破坏。

代码：

$(function() {
    $("#selectable").bind("mousedown", function(event) {
        event.metaKey = true;
    }).selectable({
        selecting: function() {
            $(this).find('td.ui-selecting').addClass('potential');
            if (event.shiftKey == 1) {
                $(this).find('td.ui-selecting').addClass('destroy');
            }
        },
        stop: function() {
            $(this).find('td.ui-selected.destroy').removeClass('ui-selected potential');
            $(this).find('td.ui-selected.potential').removeClass('potential');
            $(this).find('td.destroy').removeClass('destroy');
        }
    });
    $("td.ui-state-default").click(function() {
        $(this).toggleClass('ui-selected');
    });
});​

查看实时示例：http ://studentify-static-pages.s3.amazonaws.com/calendar.html

现在。我似乎无法获得简单的点击权。可能是因为我之前绑定过它。期望的行为：简单的点击（所以 0 套索）切换 ui-select。

有什么提示吗？谢谢。

Answer 1

尝试这个

$("ui-selectee ").on('click','td.ui-state-default' ,function() {
        $(this).toggleClass('ui-selected');
    });

将事件委托给其父级