У меня есть две вкладки (построенные с использованием Boostrap), и каждая вкладка имеет свою таблицу.

Мне нужно перетащить строку таблицы из одной вкладки и перетащить в другую таблицу вкладок. При перетаскивании я хочу открыть вкладку под курсором, прежде чем перейти в таблицу. Любая помощь приветствуется.

Это мой HTML код

 
    
  <a href="#tab1" data-toggle="tab"> Tab1 </a>  
  <a href="#tab2" data-toggle="tab"> Tab2 </a>  
 
  


 
     
     
    col1  
    col2  
    col3  
    col4  
    
   
      
    256                                                                                         
    668                                                              
    100.95  
    1.82                                                                  
    
    
   256                                                                                         
   668                                                              
   100.95 
   1.82                                                                
    
  
  
 
     
     
    col1  
    col2  
    col3  
    col4  
    
   
      
    256                                                                                         
    668                                                              
    100.95  
    1.82                                                                  
    
    
   256                                                                                         
   668                                                              
   100.95 
   1.82                                                                
    
  
  

Это мой код JS

$('.table-draggable1 tbody').draggable();  

$('#my-tabs > li').droppable({  
  over:function(event, ui){            
  console.log(event.target);              
 },
  drop:function(event,ui){            
 }    
});