0

リンクがあります。このリンクをクリックすると、最初のモーダル ボックスが開きます。そして、このボックスにリンクがあります。2 番目のリンクをクリックすると、新しいボックスが開きます。問題は次のとおりです。2番目のボックスの閉じるボタンをクリックすると、閉じます。しかし、その後、最初のものを閉じることができませんでした。私に何ができる？私を助けてください！！！

<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>
4

1 に答える 1

1

このコードを使用してreveal:close、2 番目のモーダルを閉じるときに最初のモーダルを閉じるトリガーを呼び出すことができます。

<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>

次のライブラリを変更して使用すると、すべてを閉じることができます。

https://github.com/rkgarcia/reveal

于 2012-10-19T12:26:30.603 に答える