jQuery Nestable是一種JavaScript插件,可以幫助開發(fā)人員創(chuàng)建可嵌套的拖放列表。這種插件具有許多事件,可以讓開發(fā)人員處理拖放行為。
$(document).ready(function() { $('.dd').nestable({ group: 1 }).on('change', function() { handleChange(); }); }); function handleChange() { //處理拖放事件 }
通過上面的代碼,我們可以看到,當(dāng)使用nestable創(chuàng)建可嵌套拖放列表時(shí),我們要使用on()方法來添加事件。在這個(gè)例子中,我們使用了change事件來處理拖放行為。當(dāng)用戶拖動(dòng)列表中的一個(gè)項(xiàng)目時(shí),change事件會(huì)被觸發(fā),我們可以在事件處理程序中進(jìn)行相應(yīng)的操作。
除了change事件外,還有許多其他事件可用于nestable插件。例如,如果您想在開始拖動(dòng)項(xiàng)目時(shí)觸發(fā)事件,可以使用start事件。如果您想在拖動(dòng)項(xiàng)目時(shí)更新列表的視圖,可以使用update事件。
$(document).ready(function() { $('.dd').nestable({ group: 1 }).on('start', function(e) { handleStart(e); }).on('update', function() { updateView(); }); }); function handleStart(e) { //處理拖動(dòng)開始事件 } function updateView() { //更新視圖 }
以上代碼顯示了如何使用start和update事件。在拖動(dòng)開始時(shí),start事件被觸發(fā),我們可以在事件處理程序中執(zhí)行適當(dāng)?shù)牟僮鳌T谕蟿?dòng)項(xiàng)目時(shí),update事件被觸發(fā),我們還可以使用此事件更新列表的視圖。
除了上述事件外,還有其他一些事件,您可以在nestable插件中使用,如stop、maxDepth等。熟練掌握這些事件可以幫助您更好地處理嵌套拖放列表的行為。
上一篇淘寶裝修代碼css
下一篇淘寶裝修css顯示有外鏈