2011-10-06 104 views
0

我正在使用来自FlowPlayer的JQuery叠加。JQuery关闭叠加 - 自定义按钮

我有这个,打开我的叠加:

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

我无聊的标准关闭按钮,并想添加自己的按钮,这是任何位置我覆盖内:

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

我怎样才能得到这个链接来关闭覆盖?

我查看了文档,他们只给出了一个例子,用覆盖层的角落中的原始关闭按钮替换,使用类“close”。我想完全摆脱那个原始的关闭按钮,并在覆盖图中放置额外的按钮。

我已经在StackOverflow上看到了一些旧的答案,但上周才开始学习JQuery,至少有点令人困惑。

任何帮助感激地收到。

回答

0

我试过这个,并且在他们的论坛中经过了长时间的艰苦搜索之后得到了它的工作。通过应用(关闭:“a.closeOverlayBtn”),它允许我使用不同的按钮来关闭覆盖。

jQuery的

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

的叠加关闭

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

正如你可以看到让我用我的关闭按钮来调用JS功能,原来的一个没有轻松容许这一点。

0

在文档据说:

您可以通过一个简单的CSS类名“接近”他们轻松地添加叠加里面更加的封闭元件。这些元素可以以任何你喜欢的方式在覆盖层中进行设计和定位。

在你情况下,将看起来像:

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

你可以只取出的div覆盖是:

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

如果你可以在覆盖得到一个处理选择针对(比如它有一个ID为'overlay'),你可以这样做:

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

一般而言,我认为您使用“关闭”类创建的任何内容都会关闭叠加层。