Javascript 如何在jQuery选项卡内使用jQuery可嵌套插件？

我正在使用jquerynestable和jquerytab创建菜单编辑器，我将在每个选项卡中保留搜索菜单项，如下所示

英语的标签a

高棉语的标签b

#制表符c中文版

这里是html中的标签

<ul class="nav nav-tabs">
   <li class="active"><a href="#tab_a" data-toggle="tab"> English </a></li>
   <li><a href="#tab_b" data-toggle="tab"> Khmer </a></li>
   <li><a href="#tab_c" data-toggle="tab"> Chinese </a></li>
</ul>

结果如下图所示

它在一个选项卡上同样有效，但在另一个选项卡上不起作用

它不适用于选项卡b和选项卡c

---

请帮助

一定有嵌套的东西，对吗？检查这个哦我的好太多了code@GuruprasadRao如何将serialize（）数据获取为？因为我需要获取数据（children和id）作为代码$（“#product_list”）.nestable（“serialize”）；我不能将所有项目拖动为子项，在我拖动它以更改作为父项的位置之后。这种问题需要一些实际的示例来正确理解并处理。必须有嵌套的东西，对吗？检查这个哦我的好太多了code@GuruprasadRao如何将serialize（）数据获取为？因为我需要获取数据（children和id）作为代码$（“#product_list”）.nestable（“serialize”）；我不能把所有的物品都拖到孩子身上，因为我已经把它拖到了父母的位置上。这种问题需要一些实际的例子来正确理解和解决。。

<div class="tab-content">

  <!--tabs_a for English Languages-->
 <div class="tab-pane" id="tab_a">
  <input type="text" id="entity_type" name="entity" value="<?php echo $entity;?>"/>  
  <div class='dd' id='product_lista'>
   <ol class="dd-list">
     <li class="dd-item dd-collapsed" data-id="11"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="12"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="13"><div class="dd-handle">something</div></li>
   </ol>
  </div>
 </div> 

  <!--tabs_b for Khmer Languages-->
 <div class="tab-pane" id="tab_b">
  <input type="text" id="entity_type" name="entity" value="<?php echo $entity;?>" />  
  <div class='dd' id='product_listb'>
   <ol class="dd-list">
     <li class="dd-item dd-collapsed" data-id="11"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="12"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="13"><div class="dd-handle">something</div></li>
   </ol>
  </div>
 </div> 

  <!--tabs_b for Chinese Languages-->
 <div class="tab-pane" id="tab_b">
  <input type="text" id="entity_type" name="entity" value="<?php echo $entity;?>"/>
  <div class='dd' id='product_listc'>
   <ol class="dd-list">
     <li class="dd-item dd-collapsed" data-id="11"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="12"><div class="dd-handle">something</div></li>
     <li class="dd-item dd-collapsed" data-id="13"><div class="dd-handle">something</div></li>
   </ol>
  </div>
 </div> 
</div> 

$("#product_lista, #product_listb, #product_listc").nestable({
    maxDepth: 10,
    collapsedClass: 'dd-collapsed',
}).nestable('collapseAll');