Question

我正在用jquery selectable进行一小时的规划。

这个想法很简单：可以进行多项选择。如果点击，则打开/关闭小时。如果按下shift，则字段变为红色＆amp;被毁了。

代码：

$(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');
    });

将事件委托给其父级

使用jquery selectable进行多项选择和点击

1 个答案: