Jquery bascule ne fonctionne pas

j'essaie d'obtenir de jquery pour cacher cette div et pour quelque raison il ne fonctionne pas ce que je fais mal

http://stat-me.com/jq.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#one{
    border:3px solid #00F;
    width:50%;
}
#hideme{
    border:3px solid #00F;
    width:50%;
    display:none;
}
</style>

<script type="text/javascript" src="../_root/js/jquery/jquery-1.4.2.js"></script>

<script language="javascript" type="text/javascript">



$("#one").click(function () {
$("#hideme").toggle();
});

</script>

</head>

<body>

<div id="one">
<a href="#">hello</a>
</div>

<div id="hideme">
hi
</div>


</body>
</html>
InformationsquelleAutor DonJuma | 2010-09-14
  1. 16

    Vous avez besoin de:

    1. Utilisation document.prêt
    2. Sélectionner l'ancre sous la #un div, pas la div elle-même

    De sorte qu'il devrait être:

    $(document).ready(function() {
  $("#one a").click(function() {
    $("#hideme").toggle();
  });
});
    • Les deux problèmes que j'ai rencontré maaaany fois 🙂
    InformationsquelleAutor Robert Grant
  2. 2

    Votre pas d'emballage de votre javascript dans $(document).ready(function(){}) etc n'jQuery est d'essayer de trouver un élément qui n'existe pas encore!

    InformationsquelleAutor Lewis
  3. 1

    Je vais avoir la même situation tout en utilisant l'ajax et a appliqué cette solution.
    Écrire du code javascript:void(0); au lieu d'un '#' dans href valeur. ce qui vous empêche d'ajouter un '#' dans l'url.
    utiliser .live() lors de l'utilisation en mode ajax. dans .toggle(), passer en argument effet comme le 'Drop', 'slide', etc, plus à l' http://jqueryui.com/toggle/.

    $(document).ready(function(){
        $('#one a').live('click', function(){
            $('#hideme').toggle('Drop');
            return false;
         });
     });

    Application return false; enfin m'empêche de recharger la page.

    Répondu juste pour savoir.

    InformationsquelleAutor Govind Totla