Question

我还在学习，请帮忙！

我正在尝试应用仅在单击链接而不是在页面加载时出现的模态弹出窗口。我的Modal Popup确实可以正常工作，但我希望在页面加载时关闭/阻止弹出窗口出现，只需在单击我选择的链接时调用弹出窗口。

$(document).ready(function () {  
    $("#popup-1").myModal({  
        // Functionality goes below this line
    });  
});

这个

    <div id="popup-1" class="myModal">
        <div class="window">
            <!-- Your popup content -->
            <div class="wrap demo-1">
                <div class="title">Some Text Here</p>
                <form>
                    <input type="text" class="field" placeholder="Your email goes here" />
                    <input type="submit" class="closeModal send" value="Submit" />
                </form>
                <label class="deny closeModal">Some Text Here</label>
            </div>
            <div class="cta demo-1">
                <span class="icon"></span>
                <p>Some Text Here</span></p>
            </div>
            <!-- / Your popup content -->
        </div>
    </div>

我可以申请解决此问题的简单修复吗？我花了无数个小时浏览现有的帖子和论坛，但几乎每个查询都没有针对我试图根据我的实际现有代码实现的相同具体问题。

我的链接点击激活

<a href="" src="#openmyModal-1">Newsletter</a>

非常感谢您的帮助

Answer 1

只需在点击链接时执行模态打开代码，而不是在触发ready事件时执行：

$('#modal-link').on('click', function() {
    $("#popup-1").myModal({  
        // Functionality goes below this line
    });
});

假设您的模态链接打开：

<a href="#" id="modal-link">link</a>

$（document）.ready（如何在页面加载时停止.ready，而只在单击html链接时允许.ready）

1 个答案: