DIV ne sera pas en baisse?

Question

My blog a pop-up et les divs divs doivent fond, mais ils ne :(pas le fond sera en bas, mais le contenu va rester en place de sorte que le div étend juste.

Answer 1

Cela fonctionne très bien dans Firefox mais pas dans Chrome. I vérifié le code jquery et je puisse le faire fonctionner avec deux modifications:

1) animer le insead d'attribut de fond css de haut
2) enlever le « px » à la fin de l'expression assignée à bas/haut la navigation. Le script serait changé:

$(function() { 
     $('.bubbleInfo').each(function() { 
      var distance = 10; 
      var time = 250; 
      var hideDelay = 500; 
      var hideDelayTimer = null; 
      var beingShown = false; 
      var shown = false; 
      var trigger = $('.trigger', this); 
      var info = $('.popup', this).css('opacity', 0); 
      $([trigger.get(0), info.get(0)]).mouseover(function() { 
       if (hideDelayTimer) clearTimeout(hideDelayTimer); 
       if (beingShown || shown) { 
        // don't trigger the animation again 
        return; 
       } else { 
        // reset position of info box 
        beingShown = true; 
        info.css({ 
         display: 'block' 
        }).animate({ 
         bottom: '-=' + distance, 
         opacity: 1 
        }, time, 'swing', function() { 
         beingShown = false; 
         shown = true; 
        }); 
       } 
       return false; 
      }).mouseout(function() { 
       if (hideDelayTimer) clearTimeout(hideDelayTimer); 
       hideDelayTimer = setTimeout(function() { 
        hideDelayTimer = null; 
        info.animate({ 
         bottom: '-=' + distance, 
         opacity: 0 
        }, time, 'swing', function() { 
         shown = false; 
         info.css('display', 'none'); 
        }); 
       }, hideDelay); 
       return false; 
      }); 
     }); 
    }); 

P.S: J'ai vérifié cela et il fonctionne dans Chrome et FF maintenant.

Answer 2

Je ne sais pas si cela est pertinent, mais je reçois ce erreur dans les outils de développement Chrome:

Uncaught ReferenceError: _popupControl is not defined http://roseannebarr.tumblr.com/:730 

La ligne pertinente est:

<script type="text/javascript">_popupControl();</script> 

(qui appelle une fonction qui est bien définie)