Общая проблема с закрытием JavaScript в элементах jQuery в массиве

Question

Я работаю над созданием виджета, который вызывает определенный плагин для каждого элемента DOM jQuery внутри массива.

MyApp.forms - это массив объектов. Каждый объект имеет элемент DOM, обернутый jQuery.

Я делаю следующее:

$(MyApp.forms).each(function(i){ 
    var individualForm = this; 
    /* 
    individualForm is an Object { 
     prop: 'value, 
     $el: somejQueryElement, 
     ... 
    } 
    */ 
    individualForm.$el.thePlugin({ 
     // options 
    }) 
    .on('pluginEvent', function() { 
     individualForm; // refers to the last object in MyApp.forms 
     this; // refers to the last 
     $(this); // same problem 
    }).on('pluginEvent2', function() { 
     // same problem as above here. 
    }); 
}); 

pluginEvent События и pluginEvent2 привязываться ко всем individualForm «s $el. Но когда они стреляют, я всегда получаю последний элемент.
Я чувствую, что это общая проблема с закрытием JavaScript.

Я попытался использовать цикл for и создать внутри него IIFE, но он не работает, поскольку функция выполняется при срабатывании события. И хотя оба события срабатывают по всем элементам, я получаю только обработчик, прикрепленный к последнему выполняемому элементу.

Update:

Найдено затруднительное положение. Но не знаю, почему и как это сработало. Элемент individualForm.$el является элементом input с class="some-class".

В другом месте кода другой разработчик делает $('.some-class').bind(... со старой версией jQuery. И снова с новой версией jQuery (с использованием noConflict$). На странице есть 2 jQuery. Исправлено удаление первого .bind.

Answer 1

Можете ли вы попробовать следующее:

$(MyApp.forms).each(function(i){ 
    var form = this; 
    (function(individualForm) { 
     individualForm.$el.on('something', function() { 
      individualForm; // refers to the last object in MyApp.forms 
      this; // refers to the last 
      $(this); // same problem 
     }).on('somethingElse', function() { 
      // same problem as above here. 
     }); 
    })(form); 
}); 

Вы должны обернуть individualForm в затворе. В противном случае область изменяется и указывает на последний элемент массива.