मैं jquery का उपयोग कर किसी अज्ञात फ़ंक्शन में एक चर पैरामीटर कैसे पास कर सकता हूं?

Question

क्या कोई मुझे बता सकता है कि मैं यहां क्या गलत कर रहा हूं? मैंने इसे नीचे सरलीकृत किया लेकिन मैं मूल रूप से एक सूची बनाने की कोशिश कर रहा हूं और एक क्लिक ईवेंट है जो लूप में केवल एक चर का संदर्भ देता है।

for (var i = 0; i < data.length; i++) {                   
    $newRow = $(rowFormat);      
    $('a:first', $newRow).click(function(i){ 
    return function() { alert(i); } 
    }); 
    $list.append($newRow);  
} 

Answer 1

आप बाहरी फ़ंक्शन को कॉल नहीं कर रहे हैं।

$('a:first', $newRow).click(function(j){ 
    return function() { alert(j); } 
}(i)); /* Pay special attention to this line, it is where the major change is */ 

टीजे के रूप में। पाउडर का उल्लेख है, आप कारखाने को लूप से बाहर ले जा सकते हैं।

function my_factory(j) { 
    return function() { 
     alert(j); 
    }; 
} 

$('a:first', $newRow).click(my_factory(i)); 

Answer 2

आपको लगभग यह मिला है, केवल एक छोटा सा परिवर्तन। यह वास्तव में जावास्क्रिप्ट में बंद होने के व्यावहारिक उपयोग का मेरा पसंदीदा उदाहरण है।

असल में, आपको एक ऐसा फ़ंक्शन बनाना होगा जो मान लेता है, और वह मान देता है जो उस मान का उपयोग करता है। आपका उदाहरण गुम होने के लिए नीचे दी गई टिप्पणी पंक्ति देखें। आपके कोड ने अनाम कार्य बनाया है, लेकिन इसे नहीं बुलाया।

for (var i = 0; i < data.length; i++) {                   
    $newRow = $(rowFormat); 
    var fn = (function (value) { 
    return function() { 
     alert(value); 
    }; 
    }) (i); //this is what you were missing, you need to invoke the anonymous function 
    $('a:first', $newRow).click(fn); 
    $list.append($newRow);  
} 

Answer 3

'क्लिक' ईवेंट संलग्न करने और पैरामीटर पास करने के लिए 'बांध' का उपयोग करें। का उपयोग करते हुए 'event.data' आप अपने पैरामीटर का सही मूल्य प्राप्त करने में सक्षम हो जाएगा: 2

$(document).ready(function() 
{ 
    for (var i = 0; i < data.length; i++) 
    {                   
     $newRow = $(rowFormat);      
     $('a:first', $newRow).bind('click', {i: i}, 
      function (event) 
      { 
       alert(event.data.i); 
      } 
     ); 
     $list.append($newRow);  
    } 
}); 

उदाहरण::

$(document).ready(function() 
{ 
    $(".selectorA").each(function() 
    { 
     var elementId = $(this).attr("id"); 

     for(var i = 0; i < 20; i++) 
     { 
      $('#question' + i).bind('click', {currentIndex: i, elementId: elementId}, 
       function (event) 
       { 
        alert(event.data.currentIndex + " | " + event.data.elementId); 
       } 
      ); 
     } 
    } 
});