Диалог Jquery закрыть, нажав на ссылку

Question

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

Я нашел способ скрыть кнопку закрытия, но я не знаю, как установить всплывающее окно закрытия при нажатии или добавить изображение со ссылкой внутри поля.

Может ли кто-нибудь предоставить мне полный код для получения этого?

Answer 1

Если вы посмотрите на документацию (http://docs.jquery.com/UI/Dialog#methods), то увидите, что есть функция закрытия.При создании диалога вы можете прикрепить событие щелчка к любому произвольному элементу (новая ссылка закрытия / изображение / кнопка / что угодно), который вызывает функцию закрытия для этого объекта диалога:

var my_dialog = $('#my_div').dialog({});//options, etc

$('#my_div .my_close_link').click(function () {
  my_dialog.close();
});