Création d'un plugin, bind et preventdefault
Bonjour à tous,
Je m’entraîne sur jQuery depuis quelques temps en essayant de créer mes propres fonctions, dont une fonction qui permet l'ouverture dynamique d'une petite page. Mon code est pas super propre, j'ai fais un JS externe avec une fonction "chargementDynamique();" qui va chercher toutes les balises avec la classe "lienDynamique" afin d'y bind mes fonctions. Tout marche sans soucis.
Là ou j'aimerais faire quelque chose de plus propre, c'est essayer de transformer tout ça en plugin, pour avoir quelque chose de ce style dans mon code source : $(".lienDynamique").chargementDynamique(); afin de faire qu'un seul appel et de pouvoir réutiliser plus facilement ma fonction à travers les différentes pages.
Pour commencer et tester le système de plugin, j'ai fais ça :
Code:
1
2
3
4
5
6
7
8
9
| (function ($) {
$.fn.chargementDynamique = function() {
console.log("Test Plugin - Chargement Dynamique");
this.bind("click", function(event) {
console.log("Clique sur bouton");
event.preventDefault();
});
};
})(jQuery); |
Pas d'erreur déjà, mon console.log marche bien, mais là ou ça foire, c'est que mon preventDefault ne fonctionne pas, et du coup quand je clique sur mes liens avec la classe lienDynamique, la page s'ouvre, alors que je veux empêcher l'ouverture... après le reste je verrais, mais là déjà, ça part mal pour ma fonction... :oops: Merci pour votre aide.
