Закрытие диалогового окна jqModal без установки тега jqmClose в атрибуте класса кнопки ввода

Question

Я использую jqModal в своем проекте ASP.net MVC 3. У меня есть несколько кнопок, где я применяю CSS-стиль к ним, но я читал, что атрибут class элемента input может использоваться для закрытия jqModal-диалогов.

Это пример кода, где jqmClose-функция jqModal определена в атрибуте class элемента input:

<input class="jqmClose" type="button" onclick="DeleteItem()" value='Bevestig' />

Есть ли другой способ использовать атрибут class для CSS-стиля и закрыть диалоговое окно jqModal без использования jqmClose?

Answer 1

Используйте метод jqmHide, чтобы закрыть диалоговое окно: $('#my-dialog').jqmHide();

Кроме того, ваш ввод имеет два атрибута класса.

http://dev.iceburg.net/jquery/jqModal/#how

Answer 2

Класс, который вы ищете, это closeClass - но это работает только с изображениями.Когда отображается диалоговое окно, элементы с классом CSS closeClass закрывают диалоговое окно при нажатии.

Например;Если в вашем диалоге вы поместили следующий html внутри:

<img class="closeClass" src="close.gif">

, диалоговое окно закроется при нажатии на это изображение * *.

Вы можете использовать:

$(*'your-dialog-box-selector-here'*).jqmHide() 

, чтобы закрыть диалог вручную.т. е. если идентификатор вашего div равен "jqmodal", вы помещаете $("#jqmodal").jqmHide().

Но с изображением с классом closeClass выше в div, вам не нужно программировать его вручную.

Надеюсьэто отвечает на ваш вопрос.