javascript - jQuery UI Portlet 问题(无法单击输入框)

Question

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

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

现在，虽然 portlet 四处移动并且一切正常，但我遇到了表单问题。

我无法使用鼠标单击表单字段(输入框)。我可以通过键盘进行 Tab 键并输入数据，但无法使用鼠标单击。

这是某种已知问题吗？

Answer 1

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

jQuery UI Sortable 和 Draggable 都提供“取消”选项，您可以按如下方式传入该选项，以防止可排序/可拖动事件绑定(bind)到指定元素。例如，这将解决使用可拖动 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();
});