Question

我使用插件（PopUp Maker）创建弹出式登录页面。在里面，我有一个按钮（由我制作），应该关闭这个弹出窗口。

我不知道怎么做。我尝试添加一些javascript但不起作用，问题是我不知道我的代码是否正确，Wordpress没有读取我的javascript文件，或插件阻止我这样做。

有什么建议吗？

这是我尝试过的代码：

$(document).ready(function() {
    $('.close-button').on('click', function(){
        $(this).parent().fadeOut('slow', function(){
        });
    }); 
});

Answer 1

这是一个通过onclick关闭或打开Div的原生Javascript解决方案。

function myFunction(){
if (document.getElementById('idofpopupdiv').style.display == "none") {
document.getElementById('idofpopupdiv').style.display = 'block';
document.getElementById('idofpopupdiv').style.visibility = 'visible';
} else {
document.getElementById('idofpopupdiv').style.display = 'none';
document.getElementById('idofpopupdiv').style.visibility = 'none';}}

并且您的按钮应该有一个onclick事件来调用该函数。

<button onclick="myFunction();">Button Name</button>

希望这有帮助。

Answer 2

将#idofpopupdiv替换为弹出div或类名

的id

$(function() {
    $('.close-button').click(function() {
        $('#idofpopupdiv').fadeOut('slow', function () {

        });
    });
});

使按钮关闭div（使用Wordpress）

2 个答案: