菜单中的JQuery下拉列表项

2023年7月9日 175次阅读

道歉,我想不出一个更好的头衔.

基本上我想问的是：

我有几个列表,我拖放li.

<ul class="nav nav-tabs" role="tablist">
    <li> <a href="#">Menu</a> </li>
    <li> <a href="#">Menu</a> </li>
</ul>

我的jquery的摘录：

$(function() {
    $( "#sortable1, #sortable2, #sortable3" ).sortable({
      connectWith: ".connectedSortable"

      //update method here normally

    }).disableSelection();
  });

现在我也有一个菜单,我希望能够在菜单项中删除一个li,这样我就可以在菜单项链接到的另一个PHP函数中发布值.

<ul class="nav nav-tabs" role="tablist">
    <li> <a href="#">Menu</a> </li>
    <li> <a href="#">Menu</a> </li>
</ul>

我已经用一个小例子说明了我现在的情况：

http://jsfiddle.net/zbqa7bwb/

有人能指出我如何实现这个目标吗？

最佳答案 做这样的事我自己解决了.也许这将有助于未来的人：

$(".dayMenu").droppable({
  accept: '.ui-state-default',

  drop: function() {
    alert('my POST here');
  }
});

更新了小提琴以清除事物：

http://jsfiddle.net/zbqa7bwb/2/

点赞