代码之家 › 专栏 › 技术社区 › ctilley79

jQuery UI可排序添加双击功能与coffeescript

double-click jquery-ui-sortable coffeescript jquery-ui jquery

0

ctilley79 · 技术社区 · 12 年前

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

$('.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是.availale_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"

1 回复 | 直到 12 年前

1

0

ctilley79 12 年前

就这么简单。

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

推荐文章

Ranjit Kumaresan · Mac应用程序的应用程序包装器,用于记录文件的打开和关闭时间(使用双击启动)

8 年前

UroÅ¡ Grum · 在excel 2016中双击

8 年前

eselskas · 在带有参数的HTML5广告横幅中使用ExitAPI

9 年前

ctilley79 · jQuery UI可排序添加双击功能与coffeescript

12 年前

Nate Pet · 如何防止使用jQuery双击?

12 年前