প্রচুর গবেষণার পরে, আমি স্ক্রিপ্ট লোড ইভেন্ট সম্পর্কে ofir_aghai উত্তরের ইঙ্গিত দিয়ে এই সমস্যাটি সমাধান করি ।
মূলত আমাদের $jQuery কোড ব্যবহার করা প্রয়োজন , তবে jQuery লোড না হওয়া পর্যন্ত আমরা এটি ব্যবহার করতে পারি না। আমি document.createElement()jQuery এর জন্য একটি স্ক্রিপ্ট যুক্ত করতাম , তবে সমস্যাটি হচ্ছে জাভাস্ক্রিপ্টে পরবর্তী বিবৃতি $ব্যর্থ হয়ে ব্যর্থ হওয়ার সময় এটি লোড হতে সময় লাগে । সুতরাং, আমি নীচের সমাধানটি ব্যবহার করেছি।
myscript.js এর কোড রয়েছে যা jQuery
main.js ব্যবহার করে jquery.min.js এবং myscript.js উভয়ই লোড করতে ব্যবহৃত হয় ফাইল নিশ্চিত করে যে jQuery লোড হয়েছে।
main.js কোড
window.load = loadJQueryFile();
var heads = document.getElementsByTagName('head');
function loadJQueryFile(){
var jqueryScript=document.createElement('script');
jqueryScript.setAttribute("type","text/javascript");
jqueryScript.setAttribute("src", "/js/jquery.min.js");
jqueryScript.onreadystatechange = handler;
jqueryScript.onload = handler;
heads[0].appendChild(jqueryScript);
}
function handler(){
var myScriptFile=document.createElement('script');
myScriptFile.setAttribute("type","text/javascript");
myScriptFile.setAttribute("src", "myscript.js");
heads[0].appendChild(myScriptFile);
}
এইভাবে এটি কাজ করে। Myscript.jsloadJQueryFile() থেকে ব্যবহার করা কার্যকর হয়নি। এটি অবিলম্বে পরবর্তী বিবৃতিতে যায় যা ব্যবহার করে $।