Блог

Главная - Вопросы по программированию - Та же кнопка для закрытия и открытия диалогового окна jquery

Та же кнопка для закрытия и открытия диалогового окна jquery

#jquery #modal-dialog

Вопрос:

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

Я хотел открывать и закрывать его одной и той же кнопкой

HTML <li><a class="plusnotes" ></a></li> JQUERY

 $(".plusnotes").click(function(){
 $( "#dialog" ).dialog( "open" );
})

Спасибо, Ребята

Комментарии:

1. Какую библиотеку диалоговых окон вы используете? Кроме того, блокирует ли наложение диалогового окна доступ к .plusnotes элементу?

2. Учитывая синтаксис, я предположил, что это был диалог из jQueryUI

Ответ №1:

Проверьте, открыто ли диалоговое окно, чтобы определить, следует ли его закрывать или открывать.

 $(".plusnotes").click(function(){
    if (( "#dialog" ).dialog( "isOpen" )){
        $( "#dialog" ).dialog( "close" );
    }else{
        $( "#dialog" ).dialog( "open" );
    }
});

Комментарии:

1. @AntoninoSole У вас есть какие-либо ошибки в консоли devtools? Попробуйте добавить пару консолей. запишите инструкции в структуру if приведенного выше ответа, чтобы при нажатии кнопки вы могли проверить консоль devtools и убедиться, что выбрана правильная консоль. журнал был активирован.

Метки: