2017-07-28 89 views
0

拖動-可投放組合:activeClass可投放的選擇相當於可排序[jQueryUI的]

而如果我們在投擲的部分中指定的選項activeClass: "ui-state-hover",一個元件被拖動所有可用的可投放元件改變其背景當這些元素被丟棄時,它們的背景顏色會返回到它們的初始值。

這怎麼可以使用可排序? 據我所知activeClass不存在排序。 所以當我開始拖動排序元素同一類的其他人應該改變背景顏色,以此來表明它應該我..下降

??感謝任何想法提前

回答

0

經過一番研究,我終於想出瞭解決

使用startstop事件的排序我解決我的任務在手

$("#reportTable").sortable({ 

     items: 'tr', 
     revert: true, 
     helper: _$helperValue, 
     placeholder: "placeholder", 
     containment:"#reportTable", 
     start: function (event, ui) { 
      cls = ui.helper.attr("class"); 
      $('tr[class*="' + cls + '"]').addClass('placeholder'); 
     }, 
     stop: function (event, ui) { 
      $('tr[class*="' + cls + '"]').removeClass('placeholder'); 
     } 

    }).disableSelection(); 

後我創建在我的CSS文件中的類,其中i改變background-color 則每次開始事件被觸發我存儲正被乖戾,然後我添加類(佔位符)的元素的類名與元件同一班。

終於在停止事件我刪除類和它的完成!