Question

我正在使用Jquery-selectable-ui，一切正常，除非选择了div（嵌套divs inside-＆gt; main div（ID = Sunday）），如果我尝试取消选择那么我必须取消选择两次，否则div将不被取消选择..（当我第一次滚动+选择 - div改变颜色但是在我释放鼠标的抓地力之后，div的颜色是相同的，只有在第二次时间div未被选中）问题是课程：＆＃39;＆＃39;点击选择＆＃39;＆＃39;只有在我第二次取消选择我的div时才会删除。希望我很清楚...... 我错过了什么吗？我怎么解决这个问题？

// CSS

#Sunday .ui-selected {
    background: #0cb7e3;
}

// HTML

<div class="ui-selectable" id="Sunday">
    <div class="ui-selectee" id="00:00" rel='00:00' count='1'>00:00</div>
    <div class="ui-selectee" id="01:00" rel='01:00' count='2'>01:00</div>
    <div class="ui-selectee" id="02:00" rel='01:00' count='3'>02:00</div>
<div>

// Jquery的

$(function () {
    $("#Sunday").bind("mousedown", function (event) {
        return event.metaKey = true;
    }).selectable({
        selected: function (event, ui) {
            if ($(ui.selected).hasClass('click-selected')) {
                $(ui.selected).removeClass('ui-selected click-selected');
            } else {
                $(ui.selected).addClass('click-selected');
            }
        },
        unselected: function (event, ui) {
            $(ui.unselected).removeClass('click-selected');
        },
        stop: function () {
            $(".ui-selected", this).each(function () {
                var id = this.id;
                var count = $("#Sunday").find("div[rel='" + id + "']").attr("count");
            });
        }
    });
});

无法使用jquery-ui selectable取消选择div（在被选中之后）

0 个答案: