Question

我遇到了一个小问题。返回结果时，我有一个标准的搜索屏幕（Perl，jQuery，css，html）我使用jquery ui selectable并将结果打印为有序列表，列表项。用户单击所需记录并按下编辑按钮，使用所选的ID，我将其重定向到“编辑/查看”屏幕，这一直很好。

今天我被要求添加双击功能，这意味着用户双击所需的记录并进入“编辑/查看”页面。我在FF开发，我们的用户使用IE9（UGGGGGGGG !!!!!!!!!!）。所以我在FF中写了它并且很容易使它工作。这是我可选择的代码部分

$(function() {
$("#selectable").selectable({
      selecting: function(event, ui){
            if( $(".ui-selected, .ui-selecting").length > 1){
                  $(ui.selecting).removeClass("ui-selecting");
            }
            if( $(".ui-selected")) {
                    $("#editbtn").prop("disabled", false);
            }
      },
      stop: function() {
                    var result = $( "#select-result" ).empty();
                    $( ".ui-selected", this ).each(function() {
                            result.html('<input type="hidden" id="clientid" name="clientid" value="'+$(this).attr("id")+'">');
                    });
            }
});
$("ol li").on("dblclick", function() {
    alert("hey man!");
    var client_id = $("#clientid").val();
    window.location = "client?client_id="+client_id+"&user_id=$user_id";
});
});

我在这里做了一些事情，因为我确信你可以看到...我阻止套索并选择多个记录，并且在选择时我将选择的ID丢入隐藏输入中，这样我就可以在重定向中使用id使用jQuery和Perl。

我在底部添加的新作品是双击。我开始使用$（'＃selectable'）。dblclick，它在FF中完美运行。然后我在IE9中对它进行了测试，因为这是用户使用的，双击根本不会触发。

我将其更改为$（'body'）。dblclick以确保我没有疯狂，当然在IE9中发出警报。而且，现在两次，通过随机双击记录，像一个疯狂的男人，我已经得到了在IE9中触发的dblclick事件。它几乎就像隐藏在可选事件背后。我弄乱了距离：1，实际上导致双击事件在IE9中触发，但是它阻止我实际选择记录，因此id未定义。

提前感谢您的帮助。我=新手。

Answer 1

好吧，我在做上述帖子之前确实看了很多地方。 Laughably，我看过的第一个帖子包含答案，我只是没有接受它。

我基本上补充说：取消：'。select-selected'在.selectable（{

按照此处的指示： How to enable dblclick event on elements which was binded with JQuery UI Selectable plugin?

jQuery UI可选择dblclick不在IE9中触发（在FF中运行很好）

1 个答案: