Jquery pencereyi kapatın nasıl

2 Cevap php

Jquery bir Popup yarattı. Posta simgesi tıklandığında içerdiği bir açılır pencere açılacaktır

Enter email - label Email -text box Send - Button close - button

Yazıcı simgesi adlı başka bir simgesi tıklandığında zaman onay mesajı ile başka bir açılır pencere açılacak Evet, Hayır düğmesi ile "u yazdırmak istediğinizden emin misiniz".

Yazıcı simgesi tıklandığında açılan posta tersi de otomatik olarak kapatmak ve olmalıdır.

The Snapshot is here

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

My code is here.

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

Bana yardım edin

2 Cevap

SlideFadeToggle standart jQuery işlevi mi? Eğer değilse, iki benzer işlevleri yazabilirsiniz - slideFadeOpen için tek ve slideFadeClose için bir ve bunları kullanmak. Veya diğer popup görünür durumunu kontrol edin ve onu açınız

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

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

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

JQuery 'geçiş' hayranı olmamıştım ve sadece hiç / gösteriyi kendisi gizlemek için bunu kullanarak düşünün. Hatta o zaman ben sadece standart gizlemek ve gösteri yöntemleri kullanın. Ayrıca ister yarı kolon geçiş için çağrı kapatmak olabilir ...

Yanlış gitmek değildir ... Lütfen bir FadeIn / fadeout için geçiş aramaları değişti ve fonksiyon yarı iki nokta üst üste ile çağırır kapatılmıştır.

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

etiketler