Comment vérifier l'affichage (aucun/bloquer) d'un div en jquery?

Je me sers de ce,

$("#loginanchor1").click(function (e) {
    e.preventDefault();
    $("#signin_menu1").slideDown("slow");
});
$(document).mouseup(function (e) {
    if ($(e.target).parent("a.loginanchor1").length == 0) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});

Tout fonctionne bien, mais ce qui se passe, c'est quand le signin_menu1 est affiché bloc et je clique sur mon bouton de la souris à l'intérieur de la div div slidesup... je veux mouseup fonction qui doit être empêché lorsque la signin_menu1 est affiché bloc. Alors j'ai pensé à l'évolution de la condition comme,

if(($(e.target).parent("a.loginanchor1").length==0) &&( //check the display of the div)

Maintenant comment vérifier l'affichage?

OriginalL'auteur Mubeen | 2010-09-23

  1. 16

    essayer

    $(document).mouseup(function (e) {
    var $parent = $(e.target).parent("a.loginanchor1");
    if ($parent.length == 0 && !$("#signin_menu1").is(':visible')) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});

    Je suis confondu avec le problème, mais $("#signin_menu1").is(':visible') serait de vérifier si la div est visible (display:block).

    ajouté des notes:

    vous pouvez essayer de vérifier si la $(e.target) est le signin_menu1 ou de l'est à l'intérieur de signin_menu1. le faire comme cela, 

    $(document).mouseup(function (e) {
    if ($(e.target).is('#signin_menu1') || $(e.target).closest('#signin_menu1').length > 0) { return ; } //do nothing on mouseup
    var $parent = $(e.target).parent("a.loginanchor1");
    if ($parent.length == 0) {
        //$(".signin").removeClass("menu-open");
        $("#signin_menu1").slideUp("slow");
    }
});
    il fonctionne, mais le div ne glisse pas lorsque je clique en dehors de la div
    je veux éviter événement mouseup à l'intérieur de la div
    voir ajout de notes:
    Veuillez noter que le :visible sélecteur ne prend pas effet si l'élément parent est display: none. Donc, même si l'élément que vous vérifiez avec is(':visible') a la propriété CSS display: block / inline / ... ce sélecteur de ne pas le chercher.

    OriginalL'auteur Reigel

  2. 3

    Vous pouvez utiliser du jquery :visibles pour cela.

    OriginalL'auteur Tim