可分类的＆amp;可丢弃的JQuery导航

Question

我正在尝试使用bootstrap 3.0创建一个导航菜单，该菜单具有可排序的“Tabs”，它正在运行。我想要实现的是能够将可排序的“标签”拖动到“下拉”菜单中，然后再返回，其中还包含可排序的列表项。

谁能告诉我怎么做？

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

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

尝试解释一下。

我希望有人可以帮助我！

由于

Answer 1

我猜你应该使用JQuery提供的“accept”函数来选择droppable元素将处理哪些元素。

然后，您应该定义一个事件来获取您正在拖动/排序元素。 jQuery提供了启动功能。当它触发时，你应该以编程方式显示下拉列表，以便你可以将它放在那里。

您还应该看到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();
   }
});