Pourquoi n'est-ce pas jQuery code pour supprimer une bordure d'un div de travail?

jsFiddle

Je suis en train de supprimer la bordure d'une balise div à l'aide de jQuery, mais ça ne fonctionne pas. Ce que je fais mal?

HTML:

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width: 200px; height: 150px; background-color: #f33; border: 10px solid silver;}
  </style>
</head>
<body>
  <div id="a1"></div>
  <br>
  <br>
  <div id="a3">click</div>  
</body>
</html>

Javascript:

$("#a3").click(function() {
    $('#a1').css("border", ""); 
}):
InformationsquelleAutor ben | 2010-11-22
  1. 16
    • Élément Id ne peut pas démarrer, avec les numéros de
    • Vos scripts se termine avec :, pas ;
    • Ensemble border à none, pas une chaîne vide
    InformationsquelleAutor SLaks
  2. 6

    Même si vous obtenez l'id du droit, je pense que vous voulez.

    $("#three").click(function() {
    $('#one').css("border", "none"); 
});

    Si vous définissez le style de bordure à une chaîne vide, il ne sera pas remplacer celle donnée par le CSS. Vous avez besoin de lui donner une valeur qui sera appliqué à la place. À l'aide de la chaîne vide suppression de la propriété de style pour l'élément, laissant le style en cascade à partir de la ligne étiquette de style à appliquer.

    InformationsquelleAutor tvanfosson
  3. 0

    Bien, vous avez trois problèmes:

    1. Élément Id ne peut pas commencer par un chiffre.
    2. Votre code JS se termine avec un : (côlon); que doit être une ; (point-virgule), ou c'est une erreur de syntaxe.
    3. La définition de la frontière à une chaîne vide n'est pas supprimer la frontière. Essayez $('#1').css('border', 'none');.
    InformationsquelleAutor kevingessner
  4. 0

    au lieu de css("border", ""); utilisation css("border", "none");

    Mais il est aussi important de changer le : à ; à la fin de votre script comme il est à l'origine de la panne complètement.

    exemple à http://jsfiddle.net/XWt53/4/

    InformationsquelleAutor Gabriele Petrioli
  5. 0

    La div vous êtes en cliquant sur avez cliquez sur un événement lié à elle?

    $("#a3").bind('click', function () {
     $("#a1").css('border', 'none');
});
    InformationsquelleAutor Tim Gabrhel