jQuery, Uncaught TypeError

Question

मेरे पास मेरे वेबपृष्ठ पर कुछ जावास्क्रिप्ट कोड है जो पृष्ठ पर कुछ divs लोड कर रहा है। मैं प्रत्येक div को onmouseenter, और onmouseleave ईवेंट हैंडलर भी जोड़ना चाहता हूं। मैं इन संचालकों को जोड़ने के लिए jQuery का उपयोग कर रहा है, लेकिन मैं त्रुटि मिलती है:

var newItem = document.createElement('div'); 
newItem.innerHTML = results[i]; 
newItem.setAttribute("id", "resultDiv_" + i.toString()); 
dropDown.appendChild(newItem); 

//Error on next line... 
$("resultDiv_" + i.toString()).bind("mouseenter", function() { 
    $("resultDiv_" + i.toString()).css({ 'background-color': 'blue' }); 
}); 

किसी को भी किसी भी विचार क्यों मैं हूँ है:

"Property '$' of object [object DOMWindow] is not a function"

मेरे कोड इस तरह दिखता है, यह पाश के लिए एक में है यह त्रुटि हो रही है, या यहां तक ​​कि त्रुटि का क्या मतलब है?

Answer 1

क्या आप वाकई jQuery को ठीक से लोड कर रहे हैं? क्या यह एक और जावास्क्रिप्ट पुस्तकालय के साथ एक संघर्ष हो सकता है?

Answer 2

यह कोशिश करने के बारे में क्या?

 var newItem = document.createElement('div'); 
     newItem.innerHTML = results[i]; 
     newItem.setAttribute("id", "resultDiv_" + i.toString()); 
     dropDown.appendChild(newItem); 

     //Error on next line... 
     $("resultDiv_" + i.toString()).mouseenter(function() { 
      $("resultDiv_" + i.toString()).css({ 'background-color': 'blue' }); 
     }); 

या सुनिश्चित करें कि $("resultDiv_" + i.toString())null नहीं है। तत्व का निरीक्षण करने के लिए फायरबग का प्रयोग करें।

Answer 3

$ की सभी घटनाओं को jQuery के साथ बदलने का प्रयास करें।

इसके अलावा चयनकर्ता $("resultDiv_" + i.toString()) किसी भी तत्व को वापस नहीं करेगा। आप शायद का मतलब: $("#resultDiv_" + i.toString())

और अंत में यकीन है कि यह कोड निष्पादित किया जाता है जब डोम यानी अंदर तैयार है:

jQuery(function() { 
    // Put your code here 
}); 

Answer 4

साथ ही आप इस कोशिश कर सकते हैं:

var newItem = jQuery('<div id="' + "resultDiv_" + i.toString() + '">+ results[i] + '</div'); 
    jQuery(dropDown).append(newItem); 
    //Error on next line... 
    newItem.mouseenter(function(){ 
     jQuery(this).css('background-color', 'blue'); 
    }); 

या शायद jQuery। कोई कॉन्फ्लिक्ट इसे हल नहीं करेगा।

Answer 5

(function ($) { 
    // All your code here 
})(jQuery); 

इससे मेरे लिए समस्या ठीक हुई।