0

次のように2つのドラッグアンドドロップリストがあります。また、リスト間でアイテムを切り替えるダブルクリックイベントを追加する機能も必要です。以下は私のソート可能なコードです。

$('.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要素に。物事を台無しにしている可能性があることの1つは、.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"
4

1 に答える 1

0

これと同じくらい簡単でした。

$(".available_product_shipments").on "dblclick", ".product", ->
  $(this).appendTo ".product_shipments"
$(".product_shipments").on "dblclick", ".product", ->
  $(this).appendTo ".available_product_shipments"
于 2012-09-15T02:12:51.450 に答える