可排序和可放置的 JQuery 导航

Question

我正在尝试使用具有可排序“选项卡”的引导程序 3.0 创建一个导航菜单，该菜单正在运行。我想要实现的是能够将可排序的“选项卡”拖入“下拉”菜单并再次返回，其中还包含可排序的列表项。

谁能告诉我怎么做？

我在这里创建了一个小提琴：

  >http://jsfiddle.net/nkBNP/48/ 

试着解释得更好一点。

我希望有人可以帮助我！

谢谢

Answer 1

我猜你应该使用 JQuery 提供的“接受”功能来选择哪些元素将由可放置元素处理。

然后，您应该定义一个事件以获取您正在拖动/排序元素。 jQuery 提供了 start 函数来做到这一点。当它触发时，您应该以编程方式显示下拉菜单，以便您可以将其放在那里。

您还应该了解 JQuery 是如何处理这个问题的（或许还可以使用它）：http://jqueryui.com/sortable/#connect-lists-through-tabs

它需要一些黑客攻击...... 一些伪代码：

var droppable = $('#my_droppable'); // the dropdown is hidden!

droppable.droppable({
    accept: '.mySortable'
});

$('.mySortable').sortable({
   start: function(){
      droppable.show();
   },

   stop:function(){
      droppable.hide();
   }
});