Jquery: afficher/masquer la div sur le vol stationnaire. Cliquez sur afficher sur

Supposons que j'ai un div avec une .description classe.

Je voudrais div.description être affichés lorsque l'utilisateur passe sur un autre div, avec la .image classe.

Cependant, lorsque l'utilisateur clique sur div.image, je voudrais div.description pour rester visible. Donc, si l'utilisateur clique sur .image, le mouseleave cas, ne devrait pas être appliquée.

Enfin, lorsque l'utilisateur clique sur le .image encore une fois, le vol stationnaire de la fonction doit être activée à nouveau. De sorte que lorsque la souris quitte .image1, div.description sera cachée à nouveau.

Espère que vous les gars peut m'aider!

qu'avez-vous fatigué, montrer votre code
Ce serait plus facile que de "dire" tout cela, c'est de voir HTML.

OriginalL'auteur NvdB31 | 2014-04-27

  1. 6
    var cancel = false;
$(".another").hover(function(){
    $("div.description").show();
},function(){
  if(!cancel)
  $("div.description").hide();
});

$(".image").click(function(){
  cancel = (cancel)?false: true;
});
    Ici, jsfiddle.net/wx216kzr/13 créé une certaine modification sans l'image
    Les appareils à écran tactile ont pas de vol stationnaire de la fonction, de sorte que vous voudrez peut-être appeler **$("div.description").show()" à l'intérieur de votre cliquez sur la fonction si l'annulation est vrai.

    OriginalL'auteur Pankaj Sharma

  2. 1

    Vous pouvez essayer quelque chose comme ceci: http://jqversion.com/#!/CCvqpwh

    $('.image').bind('mouseenter', function(){
    $('.description').show();
}).bind('mouseleave', function(){
    $('.description').hide();
}).click(function(){
  if (!$(this).hasClass('clicked')){
    $(this).addClass('clicked');
    $(this).unbind('mouseleave');
  } else {
    $(this).removeClass('clicked');
    $(this).bind('mouseleave', function(){
        $('.description').hide();
    })
  }
});

    OriginalL'auteur Matei Mihai

  3. 0

    Vous pouvez lier deux événements de même des éléments comme ci-dessous.Et utiliser une autre fonction pour obtenir ce que vous voulez 

    var myFunction1 = function() {
   $('div.description').show();
}
var myFunction2 = function() {
  //do whatever you want
}
$('div.image')
    .click(myFunction1)
    .mouseover(myFunction2)

    OriginalL'auteur underscore

  4. 0

    L'utilisation de ce script 

       jQuery(document).ready(function() {
        jQuery('.overlay').hide();
    });
    jQuery(document).ready(function() {
        jQuery('.element, .element-1').hover(function() {
            jQuery('.overlay').show();
            },
        function() {
            jQuery('.overlay').hide();
            });
    });

    OriginalL'auteur Manish Negi