菜单中的JQuery下拉列表项

时间:2014-10-17 10:14:05

标签: jquery html drag-and-drop jquery-ui-sortable

我想不出一个更好的头衔,我的道歉。 基本上我想问的是:

我有几个列表可以拖放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/

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

1 个答案:

答案 0 :(得分:2)

我通过做这样的事情自己解决了这个问题。也许这会在将来帮助某人:

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

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

更新了解决问题的方法:

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