有人知道如何结合jQuery UI可选择和排序?
这个脚本: http://nicolas.rudas.info/jquery/selectables_sortables/不工作在Chrome和它也有插件修改。
这个脚本: http://nicolas.rudas.info/jquery/selectables_sortables/不工作在Chrome和它也有插件修改。
解决方法
刚刚发现
this非常容易解决方案从rdworth:
CSS:
ul { width: 300px; list-style: none; margin: 0; padding: 0; } li { background: white; position:relative;margin: 1em 0; padding: 1em; border: 2px solid gray; list-style: none; padding-left: 42px; } li .handle { background: #f8f8f8; position: absolute; left: 0; top: 0; bottom: 0; padding:8px; } .ui-selecting { background: #eee; } .ui-selecting .handle { background: #ddd; } .ui-selected { background: #def; } .ui-selected .handle { background: #cde; }
HTML:
<ul id="list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul>
Javascript:
$( "#list" ) .sortable({ handle: ".handle" }) .selectable({ filter: "li",cancel: ".handle" }) .find( "li" ) .addClass( "ui-corner-all" ) .prepend( "<div class='handle'><span class='ui-icon ui-icon-carat-2-n-s'></span></div>" );
参见:this fiddle。