关于Jquery UI Sortable,Option Handle的问题

时间:2010-11-24 16:38:39

标签: jquery user-interface drag-and-drop jquery-ui-sortable

我想使用Jquery UI Sortable来实现拖放和可排序显示。另外,我想只使用特定区域(标题)来拖放。 例如:

$( ".selector" ).sortable({ handle: 'h2' });

'handle'选项将sort start click限制为指定的元素。

这里的代码示例,http://jsfiddle.net/dodoflying/9BkJ5/

问题是,当我移动'h2'时,我想看到一个小'手'来显示这可以拖放,我想它可以直接使用Jquery实现。有什么建议?提前致谢!

2 个答案:

答案 0 :(得分:2)

$("h2").css("cursor", "pointer");   // Hand cursor
$("h2").css("cursor", "move");      // Directional cursor.

jsFiddle的更新:http://jsfiddle.net/g105b/9BkJ5/15/

答案 1 :(得分:0)

这是一个老问题,但提供的答案是不完整的。 OP还希望限制拖放开始点击到特定区域。这可以使用handle:".portlet-header"来完成,正如OP自己建议的那样。因此,更新Greg给出的JSfiddle,就像这样:link to jsfiddle