jQuery UI Portlet问题(无法点击输入框)

时间:2013-03-09 15:25:00

标签: javascript jquery jquery-ui jquery-plugins

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

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

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

我无法使用鼠标单击表单域(输入框)。我可以通过键盘选项卡输入数据,但不能使用鼠标点击。

这是某种已知问题吗?

1 个答案:

答案 0 :(得分:1)

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

jQuery UI可排序和可拖动都提供了一个'取消'您可以按如下方式传入的选项,以防止可排序/可拖动事件绑定到指定元素。例如,这将解决在使用可拖动的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();
});