如何在使用jQuery UI .draggable时禁用webkit浏览器中的文本选择?

在使用jQuery UI .draggable()时,我似乎无法在webkit浏览器中禁用文本选择。 我尝试过各种组合使用webkit特定的css(-webkit-user-select和-webkit-user-drag),但没有运气。

这里有一个jsfiddle,你可以重现这个问题: http : //jsfiddle.net/dmosher/8ZGLR/

disableSelection是你的朋友。

.disableSelection()是一个未记录的(现在)核心实用程序。 它对于创建文本元素或包含文本的元素非常有用,而不是文本可选择的。 例如,如果您有一个可拖动元素,则在用户拖动元素时可能不希望发生文本选择。

您可能想要创建一个帮助器,因此看起来很明显正在拖动某些东西。

更新的演示