Question sur les événements dans javascriptmvc

Question

J'ai été déconner avec javascriptmvc. Après avoir obtenu les données du modèle, la vue génère du HTML semblable au suivant

<ul> 
<li><a href="javascript://" class=".dosomething">link 1</a></li> 
<li><a href="javascript://" class=".dosomething">link 1</a></li> 
<li><a href="javascript://" class=".dosomething">link 1</a></li> 
</ul> 

Dans mon contrôleur je brancher l'événement, cliquez sur les liens avec le code suivant

'.dosomething click': function(el){ 
alert('hey'); 
var example = el.closest('.example').model(); 
alert(example); 

}

L'événement se déclenche, mais 'var example' n'est pas défini.

J'ai commencé par créer le code de base à l'aide d'une commande d'échafaudage et j'ai modifié des choses pour voir si je le comprenais, ce que je ne suis apparemment pas en train de faire :).

Quelqu'un peut-il expliquer comment cette ligne

var example = el.closest('.example').model(); 

est censé fonctionner, et ce que el est (son type). Est-ce juste un élément html?

J'ai lu toute la documentation que j'ai pu trouver, mais pas de chance jusqu'à maintenant. Merci de votre aide!

Answer 1

Si vous posez des questions sur le forum de JMVC, vous aurez BEAUCOUP plus de chance d'avoir une réponse.

Le problème est que vous ne connectez pas d'exemple d'instance de modèle sur le li. Votre point de vue devrait avoir quelque chose comme:

<li <%= examples[i] %> > 

qui ajoute le modèle aux données jQuery et ajoute l'exemple css, ce qui permet .model() au travail. .closest (SELECTOR) trouve le premier élément parent qui correspond au sélecteur. Cela devrait être l'élément qui a les données du modèle.