robinwebdev
1/10/2017 - 9:31 AM

Utilisation du 'this' (framework R9)

Utilisation du 'this' (framework R9)

//Ne pas confondre le    this.   de javascript, et le     $(this)     de jQuery (qui est un objet)


// 1.Pour appeler une fonction dans une autre fonction, il faut la déclarer dans le _.bindAll :
_.bindAll(this, "exemple1");

exemple1: function (e) {
    this.navLevelOut();
},


// 2.Pour appeler une fonction dans une autre fonction 'générique' [ex: .each()], il faut wrapper cette dernière dans un _.bind(function() {}, this)
exemple2: function (e) {
    $('.item').each(_.bind(function() {
    	this.navLevelOut();
    }, this));
},


// 3.Pour récupérer le $(this) de jQuery [le target d'un événement], il faut ajouter l'argument   e   à la fonction et créer une variable   $obj qui récupère l'objet ciblé par l'événement
exemple3: function (e) {
    var $obj = $(e.currentTarget);
},


// 4.Avec la fonction .each de jQuery
exemple4: function () {
    $('.selecteur').each(function(index, elem){//la fonction each de jQuery propose nativement les arguments index et elem 
        var $obj = $(elem);
    });
}