jQuery UI диалоговое окно модальное открывается только один раз с помощью селектора класса

Question

jQuery UI диалоговое окно модальное открывается только один раз с помощью селектора класса

0

        $(".groomed").click(function() {
            var modal = $(".dash-modal", this).dialog({
                    height:400,
                    width:800,
                    modal:true,
                    autoOpen: false,
                    Cancel: function() {
                            $(".dash-modal", this).dialog("destroy");
                    }
            });
            console.log(modal);
            modal.dialog('open');
    });

Я перебросил все, и все они имеют дело с селектором id, и мне нужно это для работы с селектором классов. Код указан выше.

Консоль регистрирует следующее для первого щелчка:

[div # ui-id-2.dash-modal info ui-dialog-content ui-widget-content, prevObject: e.fn.e.init [1], контекст: tr.groomed, selector: ".dash-modal ", конструктор: function, init: function...]

И это для второго: [prevObject: e.fn.e.init [1], context: tr.groomed, selector: ".dash-modal", конструктор: function, init: function...]

Таким образом, похоже, что вся функциональность удаляется после закрытия модальности, api говорит об использовании destroy, я пробовал это с помощью close: и cancel:

Пожалуйста, помогите, спасибо!

morissette 07 окт. 2013, в 13:57

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

Rituraj ratan · Answer 1 · 2013-10-07T09-03-00.000Z

  Cancel: function() {
                            $(".dash-modal", this).dialog("destroy");
                    }

этим вы уничтожаете диалоговое окно

закрыть диалоговое окно для использования в соответствии с вашим требованием

 Cancel: function() {
                            $(".dash-modal", this).dialog("close");
                    }

закрыть диалог диалога и диалог

Использование close имеет тот же эффект, что и destroy, и диалоговое окно открывается только один раз, однако.
$ (". dash-modal", this) изменение в $ (". dash-modal").
Это не меняет ожидаемого результата.
close используется в месте отмены, потому что отмена не является каким-либо параметром в диалоговом окне, и если вы хотите использовать отмену, сделайте кнопку с текстом отмены, затем используйте ее
close: function () {$ (". dash-modal"). dialog ("close"); } Это тоже не работает. :(
Возможно, лучше всего заметить, что при закрытии диалогового окна кажется, что div, содержащий содержимое, удалено из DOM, как мне предотвратить это?
close: function () {$ (". dash-modal"). dialog ("уничтожить"); }