jQuery UI的排序修改HTML上創建

項目列表與可拖動的方法
丟失物品與排序方法

我只允許從列表1拖到列表2，這似乎工作正常。

現在，我要找的是，當我從列表1拖動項目到列表2新創建的元素將包含一些不同的HTML，然後拖動的元素。那可能嗎？

iv'e嘗試過這種方法，但似乎並沒有做的工作：

$("#list_2").sortable({ 
     placeholder: "ui-state-highlight", 
     cursor: "move", 
     delay: 150, 
     forcePlaceholderSize: true, 
     opacity: 0.5, 
     scrollSpeed: 40, 
     receive: function(event, ui) { 
      ui.item.html(ui.item.find(".hide").html()); 
} 
}); 
     $("#list_1").disableSelection(); 
     $(".draggable").draggable({ 
     connectToSortable: "#template_parts", 
     helper: "clone", 
     revert: "invalid", 
     stop: function(event, ui) { 
    } 
      });

任何幫助將大大appriciated

來源

2013-11-25 sd1sd1

你能添加你的html還是用一個例子來製作一個http://jsfiddle.net/？謝謝 – Trevor

http://jsfiddle.net/jd8A7/ – sd1sd1

我不能從列表1拖到列表2拖動你的小提琴。你的調用在'.draggable'上可拖動，但我在HTML中沒有看到任何該類。 – Trevor

var received = false; 
$(function() { 
    $(".draggable").draggable({ 
     connectToSortable: "#list_2" 
    }); 
    $("#list_2").sortable({ 
     receive: function(event,ui){ 
      received = true; 
     }, 
     stop: function(event,ui){ 
      if(received){ 
       ui.item.css('color','blue'); 
       ui.item.html(ui.item.html()+' changed'); 
       received = false; 
      } 
     } 
    }); 
    $("#list_2").disableSelection(); 
});

例

http://jsfiddle.net/jd8A7/4/

來源

2013-11-26 15:51:10 Trevor

@ sd1sd1請將此答案標記爲已接受，它有助於回答您的問題或提供反饋。謝謝 – Trevor

你好Trevor。那確實有訣竅！非常感謝 – sd1sd1

你好trevor。其實，這不是我的意思。（）.image（「。div_name」）。html（））;我有一個HTML元素內部的用戶界面，但調用ui.item.html（ui.item.html（）。似乎不工作 – sd1sd1

jQuery UI的排序修改HTML上創建

回答

相關問題