jQuery UI Sortable 使用咖啡脚本添加双击功能

Question

我有两个拖放列表，如下所示。我还希望能够添加在列表之间切换项目的双击事件。以下是我的可排序代码。

$('.product_shipments').sortable
  connectWith: '.available_product_shipments'
  appendTo: 'body'
  helper: 'clone'
  dropOnEmpty: true

$('.available_product_shipments').sortable
  connectWith: '.product_shipments'
  appendTo: 'body'
  helper: 'clone'
  dropOnEmpty: true

对于添加双击功能也不确定从哪里开始。这就是我到目前为止所拥有的。以下代码会触发事件，但不会移动列表项。到另一个 ul 元素。可能会搞砸的一件事是 .available_product_li 是 .available_product_shipments 的子列表。有什么线索吗？

$(".available_product_li").delegate "li", "dblclick", ->
  $(".available_product_li li.clicked").removeClass("clicked").appendTo "body"
$("#product_shipments").delegate "li", "dblclick", ->
  $("#product_shipments li.clicked").removeClass("clicked").appendTo ".available_product_li"

Answer 1

就这么简单。

$(".available_product_shipments").on "dblclick", ".product", ->
  $(this).appendTo ".product_shipments"
$(".product_shipments").on "dblclick", ".product", ->
  $(this).appendTo ".available_product_shipments"