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

avatar
Antonino Sole
1 июля 2021 в 16:30
48
1
-1

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

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

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

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

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

Источник
Rory McCrossan
1 июля 2021 в 16:52
1

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

Phaelax z
1 июля 2021 в 17:43
0

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

Ответы (1)

avatar
Phaelax z
1 июля 2021 в 16:44
1

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

$(".plusnotes").click(function(){
    if (( "#dialog" ).dialog( "isOpen" )){
        $( "#dialog" ).dialog( "close" );
    }else{
        $( "#dialog" ).dialog( "open" );
    }
});
cssyphus
1 июля 2021 в 17:28
0

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