Question

我试图在Wordpress中使用jQuery打开一个模态。我写了这个函数，但它似乎没有打开模态......

jQuery(document).ready(function() {

jQuery(".open-modal").find("a").addClass("open-modal-2");

jQuery(".open-modal-2").click(function() {

    jQuery(".modal").addClass("modal--is-visible");
        return false;


 });
});

jsFiddle - https://jsfiddle.net/kfmurjf4/

Answer 1

你可以尝试这个::

var modal = document.getElementById('myModal');


var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];


btn.onclick = function() {
    modal.style.display = "block";
}

span.onclick = function() {
    modal.style.display = "none";
}


window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}

https://jsfiddle.net/abhishekgupta1994/xtbc7px8/

Answer 2

您的JSfiddle不包含jquery。如果你添加一个jQuery CDN源，它将按照你的预期开始工作。

试试这个CDN

https://cdnjs.com/libraries/jquery/

始终在Google Javascript控制台中查找JS引发的错误。

在Wordpress中使用jquery不能看到模态

2 个答案: