jquery - 无法在 ui-dialog 中删除自动对焦

Question

The first element in my jQuery UI Dialog is an input, which when selected opens a datepicker...

如何禁用此输入首先被选中？

Answer 1

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

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

Answer 2

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

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

在这里查看

使用日期选择器的解决方案

_{注意：有关此问题的更深入解决方案，请阅读此答案。}

Answer 3

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

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

因此，您的输入将在窗口之外并具有焦点。为我解决了问题；p