Question

我在jquery中创建了一个Popup。单击邮件图标时，将打开一个包含

的弹出窗口

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

当点击另一个名为“打印”图标的图标时，它将打开另一个弹出窗口，其中显示确认消息“您确定要打印”，并显示“是”，“否”按钮。

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

快照就在这里

http://www.flickr.com/photos/41695354@N08/3864786560/

我的代码在这里。

$("#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;
    });

请帮帮我

Answer 1

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;
});

Answer 2

我从未在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;
});

如何在jquery中关闭弹出窗口

2 个答案: