jQuery.on() - कैसे, जैसे ही तत्वों लोड हो जाने

Question

मैं अपने पन्ने पर तत्वों को hoverIntent प्लगइन जोड़ने की कोशिश कर रहा हूँ, लेकिन कुछ तत्वों डोम को बाद में जोड़ दिया जाएगा प्रारंभ जो मैं का मतलब प्लगइन को भविष्य के तत्वों के साथ भी बांधना होगा। आप उसे कैसे करते हैं? मैंने कुछ ही प्रश्नों को SO पर कुछ बार देखा है, लेकिन किसी के पास कोई स्पष्ट समाधान नहीं है?

Answer 1

ऐसा करने के लिए jQuery में कोई समर्थन नहीं है; यह प्लगइन स्वयं ही समर्थन करना चाहिए। सबसे आम तरीका नई सामग्री जोड़ने के बाद प्लगइन को फिर से शुरू करना है; जो आमतौर पर एक समस्या नहीं है।

एक और विकल्प liveQuery plugin का उपयोग करना है, और ऐसा कुछ करें;

$('yourSelector').livequery(function() { 
    $(this).hoverIntent({ 
     // blah 
    }); 
}); 

Answer 2

यह प्राप्त करने का सबसे अच्छा तरीका है जब आप पृष्ठ पर नए तत्व जोड़ते हैं तो एक कस्टम ईवेंट उठाना है। इस घटना के सदस्य तब उचित होवरइन्टेंट प्रारंभिक कॉलर को कॉल कर सकते हैं।

mutation observers के रूप में अधिक देशी समर्थन होगा, हालांकि ब्राउज़र समर्थन वर्तमान में शून्य के बगल में है।

DOMSubtreeModifed ईवेंट के लिए सुनना विश्वसनीय नहीं है और प्रमुख प्रदर्शन समस्याओं का कारण बनता है।

Answer 3

अपनी jquery संरचना को बदलने का प्रयास करें;

ABC = { 
    init: function() {//all function names goes here 
     ABC.myFunction1(); 
     ABC.myFunction2(); 
     ABC.myFunction3(); 
    }, 
    myFunction1: function() { 
    //code 
    }, 
    myFunction2: function() { 
    //code 
    }, 
    myFunction3: function() { 
    //code 
    }//dont put comma last one 
} 

$(function() { 
    ABC.init();//calls all functions after everything is initialized and ready. 
}); 

Answer 4

घटना प्रतिनिधिमंडल के लिए "चयनकर्ता" पैरामीटर का उपयोग करें।

$('#PARENT').hoverIntent({ 
    over: function() { 
     console.log($(this)); 
    }, 
    out: function(){ 
     console.log($(this)); 
    }, 
    selector: '.CHILD' 
}); 

स्रोत: hoverIntent Documentation