Question

我有一个如下设计的对话框：

<div id="choose_product" title="Choose a Product" style="display:none;">
    <button id="sel_1">Prod. 1</button>
    <button id="sel_2">Prod. 2</button>
</div>

与JS：

    $('#choose_product').dialog({
            autoOpen: true,
            show: "blind",
            hide: "explode",
            modal: true,
            buttons: {
                Cancel: function(){
                    $(this).dialog("close");
                }
            }
        });

当对话框打开时，默认选择（突出显示）Prod 1按钮，我不知道为什么。你可以在JSFiddle上看到它。单击“运行”时，您可以看到默认情况下选中了Prod. 1按钮。有谁知道为什么会这样？有什么我做错了吗？

谢谢！

**编辑**

在我的应用程序中，我实际使用$('#choose_product').dialog("open");打开对话框。如果您在此之后立即使用$('#choose_product :button').blur();，则默认情况下不会选择任何按钮。一个轻微的解决方案，但似乎工作。

查看更新的fiddle。

Answer 1

我的假设是当你为jQuery UI对话框指定'modal'类型时，它会自动聚焦第一个按钮。此外，它没有正确设置样式的原因是因为你没有在你的小提琴中添加css。

编辑：经过更多的研究，我发现this question肯定了我上面所说的内容。

打开jQuery模态对话框，选中按钮

1 个答案: