11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

Après diverses recherches non-fructueuses, je me dirige vers vous avec mon "énorme" problème.

Récemment, j'ai fait un tuto pour créer des plugins jQuery, que j'ai réussi Smiley biggrin !
Donc j'aimerai faire mon propre plugin mais je bloque à la base.

J'utilise le code suivant dans "pastille-creator.js" :


(function($) {

    var p = {
        message : 'Ceci est un test !'
    }

    $.fn.pastilleCreator = function(){
        
        this.each(function(){
            
            $(this).bind({
                mouseenter : function(e) {
                    e.preventDefault();
                    console.log('in');
                },
                mouseleave : function(e) {
                    e.preventDefault();
                    console.log('out');
                },
                click : function(e) {
                    e.preventDefault();
                    console.log(p.message);
                }
                
            });
            
        });  
    }
    
})(jQuery);


Puis dans mon HTML :


$(document).ready(function($){
	$('.pastille').pastilleCreator();	
});


Quand je charge la page, il me dit dans la console :

Uncaught TypeError: Object [object Object] has no method 'pastilleCreator'

Si quelqu'un as une idée du problème, je suis preneur !
Merci par avance !
Modifié par Steakmout (24 Feb 2012 - 13:43)
Aussi, quand je développe l'erreur, il ajoute les informations suivante :

(anonymous function)/tradingeuromed/members/tem/catalogs/new-product/:1221
f.Callbacks.njquery.min.js:2
f.Callbacks.o.fireWithjquery.min.js:2
e.extend.readyjquery.min.js:2
c.addEventListener.B
Au temps pour moi, la solution était :

var $j = jQuery.noConflict();
$j('.pastille').pastilleCreator();


Il y avait un conflit...