我使用的是jQuery UI Portlet http://jqueryui.com/sortable/#portlets
在其中一个容器中,我创建了一个表单。
现在,虽然portlets可以到处移动,一切都很好,但我遇到了一个表单问题。
我不能用鼠标点击表单字段(输入框)。我可以用tab键通过键盘输入数据,但不能用鼠标点击。
这是一个已知的问题吗?
发布于 2015-07-29 10:20:11
有点晚了--但我最近遇到了这个问题,没有看到太多当前的解决方案。
jQuery UI Sortable和Draggable都提供了一个'cancel‘选项,您可以按如下方式传递该选项,以防止可排序/可拖动事件绑定到指定的元素。例如,这将解决在使用可拖动portlets时能够单击输入字段的问题。
$( ".selector" ).sortable({
cancel: "a, button, #idName, .class-name"
});
http://api.jqueryui.com/sortable/#option-cancel
http://api.jqueryui.com/draggable/#option-cancel
如果您仍然希望使用表单域拖动portlet,您可以尝试这样做,如另一个线程中所述:
$('.draggable input').click(function() {
$(this).focus();
});
https://stackoverflow.com/questions/15312371
复制相似问题