2010-12-13 22 views
1

J'ai ce que je pensais être un simple morceau de jquery, mais c'est en train de devenir une douleur. La partie slideUp de cela fonctionne très bien, mais elle ne glisse pas vers le bas ... Cela fonctionne bien si je supprime la partie d'accélération du slideUp.jquery soulager le problème

Des idées?

$('.clickableDiv').click(function() { 
    $("<div style='background-image:url(../images/properties/images/bk-01.jpg); width:965px; height:398px;'><img src='../images/properties/text/bk.gif' width='965' height='398' /></div>").prependTo("div.myDiv2"); 

    $("div.myDiv1").slideUp(800, 'easeInOutSine', function() { 
     $("div.myDiv2").slideDown(800, 'easeInOutSine'); 
    });  
}); 

myDiv2 est initialement caché.

Modification de la ligne à ce qui est la raison pour laquelle fonctionne je trouve un peu bizarre ...

$("div.myDiv1").slideUp(800, function() { 

J'utilise Safari et Firefox sur un Mac pour le tester ...

+0

besoin de savoir quel navigateur plz – JohnIdol

+0

@ sje397, OP voulu pour différents divs. @ Tom, pour glisser quelque chose, vous devriez l'avoir caché ou slidedUp ou quelque chose. – dheerosaur

+0

@ sje397: totalement faux ici. Vous utilisez l'événement 'click' sur le même' div'. tout à fait pas ce dont le PO a besoin. – Shikiryu

Répondre

5

Cela dépend de la version de jQuery que vous utilisez.

A partir du manuel:

.slideUp ([ durée], [faciliter], [rappel])
Version ajouté: 1.4.3

Cela signifie que si votre version est < 1.4.3, il ne le comprennent:

.slideUp ([durée], [rappel])

Exemple travail avec 1.4.4:

http://www.jsfiddle.net/gMNL8/1/

Exemple ne fonctionne pas avec 1.2.6

http://www.jsfiddle.net/gMNL8/2/

Source: http://api.jquery.com/slideUp/

notes: sur mes exemples =>.myDiv2 est caché pour commencer.

+0

Mise à jour de la version de jquery a fait le travail! Merci – Tom