在灯箱中创建第二个关闭按钮

时间:2019-05-22 00:05:26

标签: featherlight.js

我来自0编码背景知识,因此我向您道歉。我一直在玩着羽毛灯,弄到灯箱打开并显示信息。我在其中添加了一个按钮,单击该按钮会将我发送到索引页面的其他部分。将我发送到链接页面后,如何通过单击链接按钮使灯箱关闭? 谢谢!

<div class="sqs-block button-block sqs-block-button">
    <a href="#" data-featherlight="#new-page" class="sqs-block-button-element--small sqs-block-button-element">Learn More</a>
</div>

<div style="display:none;">
    <div id="new-page">
        <p> <p>
        <h3>
        Class 101
        </h3> COMING SOON: TBD - NOT YET OPEN
        <ul>
            <li>Information</li>
        </ul>
        <br /> 
        <div class="sqs-block button-block sqs-block-button">
            <a href="#schedule" class="sqs-block-button-element--small sqs-block-button-element">Register</a>
        </div>
    </div>
</div>

0 个答案:

没有答案