禁用后,使输入元素可拖动

Ran*_*lue 0 html jquery jquery-ui

我有一个<input>元素,我已"禁用"(使用disabled:true),我已删除选择(使用 .disableSelection()).

<input>因此,元素不仅仅是图片:非交互式像素.因此,我应该能够使元素可拖动,因为没有机会与任何其他click事件发生冲突.

.draggable()天真地尝试过,但这不起作用:http://jsfiddle.net/E26dY/

tw1*_*w16 6

首先,你需要取消禁用input然后.draggable({cancel: null})在你的js中使用.实例:http://jsfiddle.net/E26dY/8/

HTML:

<input />
Run Code Online (Sandbox Code Playgroud)

jQuery的/ JavaScript的:

$('input').val('Drag me!').disableSelection().css('webkit-user-select','none').draggable({cancel: null});
Run Code Online (Sandbox Code Playgroud)