无法在ui对话框中删除自动对焦

Question

我的jQuery UI对话框中的第一个元素是一个输入，选中后会打开一个日期选择器......

如何禁止首先选择此输入？

Answer 1

在调用对话框之前添加以下代码。这将清除自动对焦代码。它适用于jquery 2.0.3。

$.ui.dialog.prototype._focusTabbable = function(){};

Answer 2

非常简单，只需在对话框打开时触发输入元素上的blur事件。

$("#dialog").dialog({
    open: function(event, ui) {
        $("input").blur();
    }
});

查看 here

带有datepicker 的

Solution

_{注： 要更深入地解决此问题，请阅读this回答。}

Answer 3

JQuery在找到的第一个输入上设置自动对焦 因此，通过在对话框的第一行创建一个“假”输入来偷偷摸摸地玩它：

<input type='text' size='1' style='position:relative;top:-500px;' />

因此，您的输入将不在窗口中并具有焦点。问题解决了我; p