JQuery关闭叠加 - 自定义按钮
问题描述:
我正在使用来自FlowPlayer的JQuery叠加。JQuery关闭叠加 - 自定义按钮
我有这个,打开我的叠加:
<a rel="#overlay1" class="miniOpenBtn">Open</a>
$("a[rel]").overlay({mask: '#EFEFEF'});
我无聊的标准关闭按钮,并想添加自己的按钮,这是任何位置我覆盖内:
<a id="closeOverlay" class="miniCloseBtn">x</a>
我怎样才能得到这个链接来关闭覆盖?
我查看了文档,他们只给出了一个例子,用覆盖层的角落中的原始关闭按钮替换,使用类“close”。我想完全摆脱那个原始的关闭按钮,并在覆盖图中放置额外的按钮。
我已经在*上看到了一些旧的答案,但上周才开始学习JQuery,至少有点令人困惑。
任何帮助感激地收到。
答
我试过这个,并且在他们的论坛中经过了长时间的艰苦搜索之后得到了它的工作。通过应用(关闭:“a.closeOverlayBtn”),它允许我使用不同的按钮来关闭覆盖。
jQuery的
$("a[rel]").overlay({
mask: '#EFEFEF',
close: "a.closeOverlayBtn"
});
的叠加关闭
<a class="closeOverlayBtn" onclick="flashElement(<%=rsPhotoData.Fields("photoID")%>)">
x
</a>
正如你可以看到让我用我的关闭按钮来调用JS功能,原来的一个没有轻松容许这一点。
答
在文档据说:
您可以通过一个简单的CSS类名“接近”他们轻松地添加叠加里面更加的封闭元件。这些元素可以以任何你喜欢的方式在覆盖层中进行设计和定位。
在你情况下,将看起来像:
<a id="closeOverlay" class="miniCloseBtn close">x</a>
答
你可以只取出的div覆盖是:
$('.miniCloseBtn').click(function(){
$('.overlay_div').remove();
});
答
如果你可以在覆盖得到一个处理选择针对(比如它有一个ID为'overlay'),你可以这样做:
$('#overlay').find('.close').replaceWith('<a href="#" class="close miniCloseBtn">x</a>');
一般而言,我认为您使用“关闭”类创建的任何内容都会关闭叠加层。