Question

我有一个jQuery可排序列表，可以将可拖动的列表元素拖入其中。

有没有办法通过点击它们（或单独的按钮）而不是拖动和触发可排序的“接收”事件来向可排序列表添加元素？

Answer 1

我认为没有一种内置的触发方式（假设触发器（'接收'）将难以实现），但这是我将采用的方式：

将addToList函数调用添加到可拖动列表项，然后创建此函数。根据需要自定义内部html / span标记。

function addToList(text,id){

var $list=$("ol#drop_zone");

item_html    += "<span>"+text+"</span>";
var $listItem = $("<li/>",{
id          : id,   
html        : item_html
});
$list.append($listItem);
//bind a removeItem function to the new list item
$listItem.find('span').bind('click',removeItem);
//make a call to receive_item function that does the same as receive event
receive_item(id);
}

创建一个在drop事件和手动addToList事件中使用的接收项功能：

function receiveItem(id){
    $.ajax({
        type: 'post',
        data: $('ol#drop_zone').sortable('serialize'), 
        dataType: 'script',
        complete: function(request){
            alert('received!');
        },
        url: 'my_url'})

}

尝试这个来清理重复的代码 - 编辑你的接收函数以使用上面的函数：

$('ol#drop_zone').sortable({
  receive: function(ev, ui){
  id=ui.item.attr('id');    
  receiveItem(id);
  }
})

JQuery draggable + Sortable - 点击添加

1 个答案: