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"

jQuery UI Sortable使用coffeescript添加双击功能

1 个答案: