JQueryUI লোড হয়েছে কিনা পরীক্ষা করে

Question

আমি একটি ওয়েবসাইট ডিবাগ করার চেষ্টা করছি, এবং আমি মনে করি যে jQueryUI সঠিকভাবে লোড নাও হতে পারে। আমি কীভাবে পরীক্ষা করতে পারি যদি jQueryUI লোড হয়েছে?

Answer 1

if (jQuery.ui) {
  // UI loaded
}

অথবা

if (typeof jQuery.ui != 'undefined') {
  // UI loaded
}

কৌতুক করা উচিত

Comments

আমার সমস্যা হ'ল আমি গতিশীল jQuery এবং jQuery.ui লোড করি। এটি মাঝে মাঝে লোড হয়, কখনও কখনও হয় না। যদি ইউআই লোড না হয়, তবে কোনও পদ্ধতি কল করার আগে আমি কীভাবে এটির জন্য অপেক্ষা করতে পারি (বা এটি লোড করার জন্য জোর করে)?

— গ্যাব্রিয়েল ডায়াকোনসকু

নিশ্চিত না যে এটি আরও কিছুটা পার্থক্য তৈরি করে, তবে বয়লারপ্লেটের পরীক্ষার সাথে জ্যাকুয়ের জন্য যাচ্ছে, তারা window.jQueryjQuery ইউআইয়ের জন্য এটি ব্যবহার করে আমি পরীক্ষাটি ব্যবহার করিwindow.jQuery.ui

— টিম বি জেমস

এটি আমার পক্ষে কাজ করে না কেউ কি দয়া করে এই জিসফিলটি একবার দেখুন এবং আমি কিছু ভুল করছি কিনা তা আমাকে জানান। jsfiddle.net/vEvYv/1 আমি আশা করি আমার অন্য স্টেট স্টেটমেন্টটি চলবে কারণ আমি jQuery লোড করছি না। ব্যতীত, এটি প্রথম লাইনে ব্যর্থ হয়। আপনার ব্রাউজার কনসোলটি খোলা রেখে পৃষ্ঠাটি চালান (আমি এফএফ ব্যবহার করছি) এবং লাইনটি দেখুনjQuery is not defined

— ডেভ হাইগ

@ ডেভহাইগ - আপনি জিকুয়েরি লোড করেননি। জিকুয়েরি ইউআই জিকুয়ের উপর নির্ভর করে।

— ক্রিস হেইনেস

Answer 2

JQuery UI গ্রন্থাগার ফাইল এবং সিএসএস থিম উভয়ই লোড হচ্ছে কিনা তা আপনাকে পরীক্ষা করতে হবে।

jQuery UI jQuery অবজেক্টে বৈশিষ্ট্য তৈরি করে, আপনি এটি পরীক্ষা করতে পারেন:

jQuery.ui
jQuery.ui.version

প্রয়োজনীয় সিএসএস ফাইল (গুলি) লোড হয়েছে কিনা তা পরীক্ষা করতে, আমি আপনাকে ফায়ারব্যাগ ব্যবহার করার পরামর্শ দিচ্ছি , এবং সিএসএস ট্যাবে থিম ফাইলগুলি সন্ধান করতে চাই।

আমি এর আগে সমস্যাগুলি দেখেছি, যখন ব্যবহারকারীরা সঠিকভাবে jQuery UI লাইব্রেরিটি লোড করে তবে CSS থিমটি অনুপস্থিত।

Comments

কিছু নির্দিষ্ট কার্যকারিতা লোড হয়েছে কিনা তা পরীক্ষা করতে চেকটি দেখতে (যেমন টুলটিপের জন্য) দেখতে দেখতে দেখতে ........................ if( typeof jQuery().tooltip != "undefined" )

— jave.web

Answer 3

আমি জানি এটি একটি পুরানো প্রশ্ন, তবে এখানে একটি দ্রুত ছোট স্ক্রিপ্ট আপনি আপনার সমস্ত jQuery UI জিনিসগুলি জড়ানোর জন্য ব্যবহার করতে পারেন যা সম্পর্কিত কোনও ইভেন্ট নেই যা কেবল jQuery UI লোড হওয়ার পরে তা কার্যকর করা হবে তা নিশ্চিত করার জন্য:

function checkJqueryUI() {
    if (typeof jQuery.ui != 'undefined') {
        do_jqueryui();
    }
    else {
        window.setTimeout( checkJqueryUI, 50 );
    }
}
// Put all your jQuery UI stuff in this function
function do_jqueryui() {
    // Example:
    $( "#yourId" ).dialog();
}
checkJqueryUI();

Answer 4

শুধু ui অবজেক্টের জন্য পরীক্ষা করুন eg

<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>
  $(function(){
    // did the UI load?
    console.log(jQuery.ui);
  });
</script>

Answer 5

JQuery UI অনেকগুলি উপায়ে লোড হয়েছে কিনা তা আপনি পরীক্ষা করতে পারেন:

if (typeof jQuery.ui == 'undefined') {
   // jQuery UI IS NOT loaded, do stuff here.
}

অথবা

if (typeof jQuery.ui != 'function') {
    // jQuery UI IS NOT loaded, do stuff here.
}

অথবা

if (jQuery.ui) {
    // This will throw an error in STRICT MODE if jQuery UI is not loaded, so don't use if using strict mode
    alert("jquery UI is loaded");
} else {
    alert("Not loaded");
}