JQuery Close Overlay - пользовательская кнопка

Question

Я использую JQuery Overlay от FlowPlayer.

У меня есть это, что открывает мое наложение:

<a rel="#overlay1" class="miniOpenBtn">Open</a>
$("a[rel]").overlay({mask: '#EFEFEF'});

Мне надоела стандартная кнопка закрытия и я хотел бы добавить свою собственную кнопкуон расположен где-нибудь внутри моего оверлея:

<a id="closeOverlay" class="miniCloseBtn">x</a>

Как я могу получить эту ссылку, чтобы закрыть оверлей?

Я посмотрел документацию, и они дают только пример замены оригинального закрытияКнопка в углу наложения, используя класс «Закрыть».Я хочу полностью избавиться от этой оригинальной кнопки закрытия и поместить дополнительные в оверлей.

Я посмотрел некоторые старые ответы здесь, в StackOverflow, но, только начав изучать JQuery на прошлой неделе, это немного сбивает с толкумягко говоря.

Любая помощь, с благодарностью полученная.

Answer 1

Если вы можете получить указатель на оверлей для выбора (скажем, у него есть идентификатор «оверлея»), вы можете сделать это:

$('#overlay').find('.close').replaceWith('<a href="#" class="close miniCloseBtn">x</a>');

В общем, я думаю, что все, что вы создадите с помощью класса 'close', закроет оверлей.

Answer 2

Я попробовал это и заработал, после долгого поиска в их форумах. Применяя (close: "a.closeOverlayBtn"), он позволяет мне использовать другую кнопку для закрытия наложения.

JQuery

$("a[rel]").overlay({
mask: '#EFEFEF',
close: "a.closeOverlayBtn"
});

Кнопка закрытия оверлея

<a class="closeOverlayBtn" onclick="flashElement(<%=rsPhotoData.Fields("photoID")%>)">
x
</a>

Что, как вы можете видеть, позволяет мне вызывать JS-функции с помощью кнопки закрытия, оригинальная не позволяла это легко.

Answer 3

Вы можете просто удалить div с наложением:

$('.miniCloseBtn').click(function(){
  $('.overlay_div').remove();
});