jquery ui draggable失效的问题

今天在做项目中,使用draggable的时候,发现所有的ul li 都可以拖拽,偏偏有一个失效了,查看了选择器,draggle已经添加到Dom中去了,但是就是不能进行拖拽。

查看了好多资料才知道,被拖拽元素中是不能含有input,textarea,button,select,option等元素的。这些元素会影响用户操作,阻拦拖动事件的。如果这些元素存在,且你不想进行更改的时候,可以在调用draggable时进行设置。

$("拖拽元素").draggable({cancel:".title"}); 即可