javascript - jQuery UI Portlet 问题（无法点击输入框）

Question

我正在使用 jQuery UI Portlet http://jqueryui.com/sortable/#portlets

在其中一个容器中，我创建了一个表单。

现在，当 portlet 移动并且一切正常时，我遇到了一个表单问题。

我无法使用鼠标单击表单域（输入框）。我可以通过键盘制表并输入数据，但不能使用鼠标单击。

这是某种已知问题吗？

Answer 1

有点晚了 - 但我最近遇到了这个问题，并没有看到太多当前的解决方案..

jQuery UI Sortable 和 Draggable 都提供了一个“取消”选项，您可以按如下方式传入该选项，以防止可排序/可拖动事件绑定到指定元素。例如，这将解决在使用可拖动 portlet 时能够单击输入字段的问题。

$( ".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();
});