Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/283.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何关闭jquery中的弹出窗口_Php_Jquery_Css_Ajax - Fatal编程技术网

Php 如何关闭jquery中的弹出窗口

Php 如何关闭jquery中的弹出窗口,php,jquery,css,ajax,Php,Jquery,Css,Ajax,我在jquery中创建了一个弹出窗口。单击邮件图标时,将打开一个弹出窗口,其中包含 输入email-label 电子邮件-文本框 发送按钮 关闭按钮 当单击另一个名为“打印图标”的图标时,它将打开另一个弹出窗口,并显示确认消息“您确定要打印吗?”以及“是”和“否”按钮 单击打印图标时,邮件弹出窗口应自动关闭,反之亦然 快照就在这里 我的代码在这里。 $("#idemail").live('click', function(event) { $(this).addClass("s

我在jquery中创建了一个弹出窗口。单击邮件图标时,将打开一个弹出窗口,其中包含

输入email-label 电子邮件-文本框 发送按钮 关闭按钮

当单击另一个名为“打印图标”的图标时,它将打开另一个弹出窗口,并显示确认消息“您确定要打印吗?”以及“是”和“否”按钮

单击打印图标时,邮件弹出窗口应自动关闭,反之亦然

快照就在这里

我的代码在这里。

$("#idemail").live('click', function(event) {
        $(this).addClass("selected").parent().append();
        $(".mailpop").slideFadeToggle()
        $("#idemail").focus();
        return false;
    });

    $(".mailclose").live('click', function() {
        $(".mailpop").slideFadeToggle()
        $("#idemail").removeClass("selected");
        return false;
    });

    $("#idprint").live('click', function(event) {
        $(this).addClass("selected").parent().append();

        $(".printpop").slideFadeToggle()
        $("#idprint").focus();
    return false;
    });

    $(".printclose").live('click', function() {
        $(".printpop").slideFadeToggle()
        $("#idprint").removeClass("selected");
        return false;
    }); 

请帮助我

slideFadeToggle是标准的jQuery函数吗?如果没有,您可以编写两个类似的函数-一个用于slideFadeOpen,另一个用于slideFadeClose并使用它们。或者检查另一个弹出窗口的可见状态并切换它

$("#idprint").live('click', function(event) {
    $(this).addClass("selected").parent().append();

    $(".printpop").slideFadeToggle();

    if ( $(".mailpop").is(":visible")) {
       $(".mailpop").slideFadeToggle();
    }
    $("#idprint").focus();
return false;
});

我从来都不是JQuery中的“切换”的粉丝,只会考虑使用它来隐藏/显示自己。即使这样,我也只使用标准的隐藏和显示方法。您可能还想用分号结束切换的调用

请不要出错。。。我将切换调用更改为fadeIn/fadeOut,并用分号关闭函数调用

$("#idemail").live('click', function(event) {
    $(this).addClass("selected").parent().append();
    $(".mailpop").fadeIn("slow");
    $("#idemail").focus();
    return false;
});

$(".mailclose").live('click', function() {
    $(".mailpop").fadeOut("slow");
    $("#idemail").removeClass("selected");
    return false;
});

$("#idprint").live('click', function(event) {
    $(this).addClass("selected").parent().append();

    $(".printpop").fadeIn("slow");
    $("#idprint").focus();
return false;
});

$(".printclose").live('click', function() {
    $(".printpop").fadeOut("slow");
    $("#idprint").removeClass("selected");
    return false;
});

你忘了几行的分号,我更正了。请给我解决办法,我改正了。还是不行,别建议我。给我一个答案