菜单中的 JQuery 下拉列表项答案

【问题标题】：JQuery drop list item in menu菜单中的 JQuery 下拉列表项
【发布时间】：2014-12-12 21:44:48
【问题描述】：

我想不出更好的标题，抱歉。基本上我想问的是：

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

有人可以为我指出如何实现这一目标的正确方向吗？

【问题讨论】：

这与实际问题无关，也不会帮助您解决它，但有一些语义上的悖论愿意在<ul> 中对元素进行排序:-) 最好使用<ol> in那个案子。（因为在许多情况下它实际上在语义上会更好，包括您显然有某种顺序的导航）
请翻琴jsfiddle.net/zbqa7bwb/1
感谢您的努力，但这并不是我的意思。我仍然尝试实现的是，当我在菜单上放置一个项目时，我想向另一个页面上的 PHP 函数发出 POST 请求，但菜单可能不会改变
太糟糕了，您为此损失了 100 个代表...如果您解释得当，有人会在 10 分钟内回答...
顺便说一句，您可以编辑问题并提出其他问题，因为没有答案并且还剩下 6 天的赏金... sshhhhh...

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

【解决方案1】：

我自己通过做这样的事情来修复它。也许这会在未来帮助某人：

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

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

更新了小提琴以解决问题：

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

【讨论】：