jQuery Модальный диалог открывается с выбранной кнопкой - PullRequest
Новая
       20

jQuery Модальный диалог открывается с выбранной кнопкой

3 голосов
/ 13 марта 2012

У меня есть диалоговое окно, сконструированное так: 

<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 .Когда вы нажимаете RUN, вы видите, что кнопка Prod. 1 появляется выбранной по умолчанию.Кто-нибудь знает, почему это происходит?Есть ли что-то, что я делаю неправильно?

Спасибо!

** Edit **

В моем приложении я на самом деле использую $('#choose_product').dialog("open");, чтобы открыть диалоговое окно.если вы используете $('#choose_product :button').blur(); сразу после этого, то по умолчанию кнопки не выбраны.Небольшой обходной путь, но, кажется, работает.

См. Обновленную скрипку .

1 Ответ

1 голос
/ 13 марта 2012

Я предполагаю, что когда вы указываете модальный тип для диалогового окна jQuery UI, он автоматически фокусирует первую кнопку. Кроме того, причина, по которой он не стилизован должным образом, заключается в том, что вы не добавили CSS в свою скрипку.

Редактировать: После дополнительных исследований я нашел этот вопрос , который подтверждает то, что я сказал выше.

...