jquery selectable mousedown unselecting metakey

时间:2016-12-19 12:43:24

标签: javascript jquery jquery-mobile jquery-ui-selectable

我正在尝试为移动应用程序选择工作(使用jquery mobile)。如果我使用控件mousedown选择单个添加(并且取消选择),一切都很好。

但是因为它适用于移动应用程序,所以我无法使用控制键。我已添加此代码来处理控制键..它可以添加选择事件,但它会中断所选事件的取消选择。 (即,如果单击所选项目,则不会取消选择)。也是出于某种原因,这会在一段时间后挂断并且处理事件变得非常缓慢......

以下是我要说的代码:

  $("#tableId").bind("mousedown", function (e) {
        e.metaKey = true;
}).selectable();

我的全套代码在jsfiddle中: http://jsfiddle.net/Y3TUj/38/

1 个答案:

答案 0 :(得分:0)

如果您使用的是移动设备,为什么不使用tap来选择和取消选择(而非metakey)...?

试试这个:

    $("#tableId").bind("tap", function(e) {
        e.preventDefault();
        var el = e.target;
        if ($(el).hasClass("ui-selected")) {
           $(el).removeClass('ui-selected').addClass('ui-unselecting');
        } else {
           $(el).addClass("ui-selecting");
        }
        $("#tableId").data("ui-selectable")._mouseStop(null);
   });

小提琴:http://jsfiddle.net/xw16e2ks/1/