Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery关闭覆盖-自定义按钮_Javascript_Jquery_Plugins_Overlay - Fatal编程技术网

Javascript JQuery关闭覆盖-自定义按钮

Javascript JQuery关闭覆盖-自定义按钮,javascript,jquery,plugins,overlay,Javascript,Jquery,Plugins,Overlay,我正在使用来自FlowPlayer的JQuery覆盖 我有一个可以打开我的覆盖: <a rel="#overlay1" class="miniOpenBtn">Open</a> $("a[rel]").overlay({mask: '#EFEFEF'}); <a id="closeOverlay" class="miniCloseBtn">x</a> 我对标准的“关闭”按钮感到厌烦,并想添加我自己的按钮,该按钮位于覆盖层内的任何位置: <

我正在使用来自FlowPlayer的JQuery覆盖

我有一个可以打开我的覆盖:

<a rel="#overlay1" class="miniOpenBtn">Open</a>
$("a[rel]").overlay({mask: '#EFEFEF'});
<a id="closeOverlay" class="miniCloseBtn">x</a>
我对标准的“关闭”按钮感到厌烦,并想添加我自己的按钮,该按钮位于覆盖层内的任何位置:

<a rel="#overlay1" class="miniOpenBtn">Open</a>
$("a[rel]").overlay({mask: '#EFEFEF'});
<a id="closeOverlay" class="miniCloseBtn">x</a>
如何获取此链接以关闭覆盖

我查看了文档,他们只给出了一个使用类close替换覆盖图角落中原来的close按钮的示例。我想彻底摆脱原来的关闭按钮,并在覆盖层中添加其他按钮

我在这里看到了一些关于StackOverflow的老答案,但上周才开始学习JQuery,至少可以说有点困惑


感谢您的帮助。

您只需删除覆盖的div即可:

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

如果您可以在覆盖上获得一个句柄来选择,例如,它的ID为“overlay”,您可以执行以下操作:

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

一般来说,我认为使用“close”类创建的任何内容都将关闭覆盖。在他们的论坛中进行了长时间的艰苦搜索后,我尝试了这个方法,并使其正常工作。通过应用close:a.closeOverlayBtn,它允许我使用不同的按钮来关闭覆盖

JQuery

覆盖关闭按钮

正如你所看到的,我可以使用关闭按钮调用JS函数,而原来的那个按钮并不容易做到这一点