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

#javascript #jquery #dialog #modal-dialog

#javascript #jquery #диалоговое #modal-dialog

Вопрос:

Я пытаюсь создать пользовательское диалоговое окно с помощью jQuery Core.

 <button id="finish" value="Finish">Finish</button>
<dialog id="confirm-finish">
    <p>Confirm to end test</p>
    <span>
        <button value="y">Yes</button>
        <button value="n">No</button>
    </span>
</dialog>  

 $("#finish").click(function(){
    $("confirm-finish").dialog('open');
});
  

ни функция dialog (), ни функция modal() здесь не работают

Я ожидаю некоторую функцию, которая может открыть диалоговое окно с использованием основного jquery

Ответ №1:

Для открытия диалогового окна нет встроенной функции.

Вам нужно добавить открыть атрибут показать диалоговое окно

 $("#confirm-finish").attr('open','');
  

Чтобы скрыть его снова, вы должны вызвать

 $("#confirm-finish").removeAttr('open');
  

Модальный — это другое, для этого вам нужно использовать библиотеку bootstrap, и лучше использовать модальный, поскольку он предоставляет лучшие варианты для управления с лучшим пользовательским интерфейсом.