sélecteur ne fonctionne pas correctement

Question

Je 1 bloc:

<div class="going" filmid="2"> 
<a href="">I am going!</a> 
<div>Going too: 20</div> 
</div> 

et 5 blocs:

<div class="going"> 
<a href="">I am going!</a> 
<div>Going too: 20</div> 
</div> 

La différence dans ce bloc ont un attribut filmid.
fonction Mes js:

function setUpUpdateGoingCount() { 
      $("div.going a").click(function (e) { 
       e.preventDefault(); 
       var filmId = $(this).parent("div").attr("filmid"); 
       $.post("/Cinema/UpdateGoingCount", { id: filmId }, function() { 
        alert("test"); 
       }); 
      }); 
     } 

travail événement Click bien avec bloc sans filmid attribuiez.
Pouvez-vous m'expliquer pourquoi et comment faire ce premier bloc fonctionne bien?

Answer 1

Parce que filmid n'est pas un attribut qui existe en HTML, vous devriez plutôt utiliser un attribut de données:

<div class="going" data-filmid="2"> 

Vous pouvez y accéder avec:

var filmId = $(this).parent("div").data("filmid"); 

Answer 2

Vous aurez besoin d'ajouter un deuxième classe aux blocs sans filmid à utiliser dans votre sélecteur que le .click va se lier à tous les div., qu'ils aient un attribut filmid ou non.

Answer 3

Le message AJAX est envoyé dans les deux cas. Les ancres (liens) à l'intérieur de divs avec filmid ensemble, sont envoyés avec le param id réglé sur le contenu de filmid. Les divs ne contenant pas filmid sont envoyés avec le param vide.

udate Si vous entendez par ne fonctionne pas que le javascript ne montre pas le message d'alerte, qui peut être parce que vous obtenez une erreur sur cet appel, et vous aurez besoin de spécifier une fonction d'erreur de cette façon:

function setUpUpdateGoingCount() { 
    $("div.going a").click(function(e) { 
     e.preventDefault(); 
     var filmId = $(this).parent("div").attr("filmid"); 
     $.post("/Cinema/UpdateGoingCount", { 
      id: filmId 
     }, function() { 
      alert("test"); 
     }).error(function() { 
      alert("error"); 
     }); 
    }); 
} 

Ceci est un exemple de travail avec votre code http://jsfiddle.net/hpgsL/1/