Essayer de montrer un DIV Dans jQuery

J'ai ce code java:Essayer de montrer un DIV Dans jQuery

<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1.2.6"); 

$("a#more").click(function() { 

$("#info_box").show("blind", { direction: "vertical" }, 800); 

}); 
</script>

Et ce lien:

<a href="#" id="more">More Info...</a>

info_box est juste un div avec les propriétés:

width: 30%; 
position: absolute; 
left: 35%; 
top: 250px; 
background-color: #FFFFFF; 
border: 2px solid #000000; 
visibility: hidden;

Comment cela peut-il ne pas fonctionner, essayant de le comprendre pendant 20 minutes. Etes-vous sûr d'appeler la bonne fonction?

Source

2008-11-17 zuk1

Vous pouvez utiliser la fonction ready() et display: none dans le CSS initial

travail HTML:

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(
    function() 
    { 
      $("a#more").click(function() { 
       $("#info_box").show("blind"); 
      }); 
}); 
</script> 
<style> 
    #info_box { 
     width: 30%; 
     position: absolute; 
     left: 35%; 
     top: 250px; 
     background-color: #FFFFFF; 
     border: 2px solid #000000; 
     display: none;} 
</style> 
</head> 
<body> 

<a href="#" id="more">More Info...</a> 

<div id="info_box">Secret info goes here</div> 


</body> 
</html>

Il y a des problèmes avec la fonction show aussi. Vous utilisez un params non documenté. Utilisez plutôt la fonction "animer" pour faire une animation personnalisée.

Je vous recommande également d'utiliser Firebug pour résoudre les problèmes de javascript dans le futur.

Source

2008-11-17 11:22:10

Selon les docs au http://docs.jquery.com/Effects/show, la fonction show prend une vitesse en tant que premier paramètre, et une fonction de rappel en tant que seconde. Votre "blind" et { direction: "vertical" } sont mal placés je pense.

Il convient également de vérifier qu'il n'y a pas de conflit avec un autre script, par ex. mootools.

Source

2008-11-17 11:08:18 DisgruntledGoat

Je n'utilise que jQuery et ce n'est pas un problème avec la fonction $ ("# info_box"). Show(); ne fonctionne pas non plus. – zuk1

J'ai eu exactement le même problème. Vous devez charger le plugin jQuery ui ainsi que Jquery normal pour utiliser le format que vous avez ici.

Source

2010-02-10 04:49:27

Essayer de montrer un DIV Dans jQuery

Répondre

Questions connexes