功能Sortables（Mootools的庫）

我有一個問題在使用Sortables（）函數（Mootools的庫）。功能Sortables（Mootools的庫）

this.sort=new Sortables(this.box,{ 
     onStart: function(el){el.setStyles({'background':'#f0f0f0','opacity':1});}, 
     onComplete: function(el){el.setStyle('background','none');this.setEditor();}.bind(this) 
    });

事實上，我有一個DIV，其中包含其他DIV塊應該可以排序。第二級DIV內部有SELECT標籤。

的問題是這些下拉列表中單擊時沒有下降。點擊僅落在父DIV元素上，並啓動onStart函數。這個問題怎麼解決？

原型：http://jsfiddle.net/uCM2R/3/

來源

2011-06-27 Dmitry Korolev

去http://www.jsfiddle.net並創建一個原型你的問題。在HTML部分中僅放入html（無身體），並且按照js中的domready放置js。 CSS是顯而易見的。 –

http://jsfiddle.net/uCM2R/這裏是！ –

mootools的1.12？嘿嘿。

權。所以基本上你想要點擊下拉不要觸發排序？這將是棘手的，因爲它在父級上使用委託事件並且它會起泡。同樣，腳本點擊選擇上的事件也是不可靠的，所以你不能停止點擊事件的可靠傳播 - 至少在1.12。 1.3.2很好。

考慮使用上的選擇的handles: "div.foo"選項，其中多數民衆贊成在孩子的div，使他們能夠移動的東西，而不是整個股利。

http://jsfiddle.net/dimitar/uCM2R/4/

很顯然，在div.foo手柄，你可以把一些圖標指示移動。只有他們將作爲排序的拖拽點，從而使您能夠選擇無干擾。

這裏是1.3.2按原來的規格/標記：http://jsfiddle.net/dimitar/uCM2R/6/

添加一個單擊處理該停止冒泡選擇。

來源

2011-06-27 11:24:43

謝謝，**句柄**屬性很有用。在1.3.2的示例中，仍然不可能更改列表值。 –

奇怪 - 在ff5中爲我工作。好吧！ –

功能Sortables（Mootools的庫）

回答

相關問題