如何逐个关闭两个打开的jquery.reveal.js模式框?
我有一个链接。如果单击此链接,将打开第一个模态框。这个盒子里有一个链接。如果单击Second链接,将打开新框。问题是:如果我单击Second框的close按钮,它将关闭。但是我无法关闭第一个。我能做什么?请帮帮我如何逐个关闭两个打开的jquery.reveal.js模式框?,jquery,jquery-plugins,Jquery,Jquery Plugins,我有一个链接。如果单击此链接,将打开第一个模态框。这个盒子里有一个链接。如果单击Second链接,将打开新框。问题是:如果我单击Second框的close按钮,它将关闭。但是我无法关闭第一个。我能做什么?请帮帮我 <div id="first_box" class="reveal-modal"> <div class="inner_content"> <h1>Title1</h1>
<div id="first_box" class="reveal-modal">
<div class="inner_content">
<h1>Title1</h1>
<p>some content</p>
<a href="link to the seccond box">
</div>
<a class="close-reveal-modal"></a>
</div>
<div id="seccond_box" class="reveal-modal">
<div class="inner_content">
<h1>Title2</h1>
<p>Some caontent.</p>
</div>
<a class="close-reveal-modal"></a>
</div>
标题1
一些内容
标题2
一些内容
您可以使用此代码,在关闭第二个模式时调用触发器leave:close
关闭第一个模式
<div id="first_box" class="reveal-modal">
<div class="inner_content">
<h1>Title1</h1>
<p>some content</p>
<a href="#" data-reveal-id="seccond_box">Open the second modal</a>
</div>
<a class="close-reveal-modal">X</a>
</div>
<div id="seccond_box" class="reveal-modal">
<div class="inner_content">
<h1>Title2</h1>
<p>Some content.</p>
</div>
<a class="close-reveal-modal" onclick="closeOne();">X</a>
</div>
<a href="#" data-reveal-id="first_box">Click to open the first modal</a>
<script type="text/javascript">
function closeOne(){
$("#first_box").trigger('reveal:close');
}
</script>
标题1
一些内容
函数closeOne(){
$(“#第一个#框”).trigger('reveal:close');
}
您可以通过修改使用以下库来关闭所有
请发布js代码和相关js库。通常逻辑在模型/控制器中