jQuery အချက်အလက် - noConflict() စနစ်
实例
noConflict() စနစ် ကို သုံးစွဲပြီး jQuery အချက်အလက် ကို အခြား အမည်ဖြင့် သတ်မှတ်ပါ
var jq=$.noConflict();
အကျဉ်းချုပ် နှင့် အသုံးပြုခြင်း
noConflict() စနစ် သည် $ အချက်အလက် ကို jQuery အချက်အလက် ကို ပြန်ပေးသည်。
အဆိုပါ စနစ် သည် jQuery အချက်အလက် ကို $ အမည်ဖြင့် ပြန်ပေးသည်。
အဆိုပါ စနစ် သည် jQuery အချက်အလက်ကို အခြား အမည်ဖြင့် သတ်မှတ်နိုင်သည်။
အဆိုပါ စနစ် သည် အခြား JavaScript အချက်အလက်များ သည် $ ကို ပုဂ္ဂိုလ်ရေး သုံးစွဲနေသော အခါ အသုံးပြုသည်။အကြမ်းအားစား
အက္ခရာ
jQuery.noConflict(removeAll)
ပါဝင်သည် | ဖော်ပြ |
---|---|
removeAll | ဘာလူး အကျိုးဖြည့် |
အကျဉ်းချုပ်
အချို့ ဂျစ်တာ အချက်အလက်များ သည် $ ကို ပုဂ္ဂိုလ်ရေး သို့မဟုတ် အမှုကို အမည်ပေးသည်။ jQuery တွင် $ သည် ဂျစ်တာ အမည်သာ ဖြစ်သည်။ အရေးပါသော အခါ ဂျစ်တာ အချက်အလက်ကို သုံးစွဲနိုင်သော်လည်း အသုံးပြုနိုင်ပါ။ ဂျစ်တာ အချက်အလက်ကို သုံးစွဲနိုင်သော အခါ အခြား JavaScript အချက်အလက်ကို သုံးစွဲနိုင်သော် ဒီကို $.noConflict() ကို အသုံးပြုပါမည်:
<script type="text/javascript" src="other_lib.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $.noConflict(); // အခြား အချက်အလက်ကို သုံးစွဲမှု </script>
ဒီ .ready() စနစ်ကို ပေါင်းစပ်ပြီး သုံးစွဲနိုင်သည်။ ဒီ နည်းပညာ အသုံးပြုရာတွင် အလွန် အကျိုးကျေးဇူးရှိပါသည်:
<script type="text/javascript" src="other_lib.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $.noConflict(); jQuery(document).ready(function($) { // jQuery $ ကို သုံးစွဲမှု }); // အခြား အချက်အလက်ကို သုံးစွဲမှု </script>
ဒါပေါ်တွင် ဒီ စနစ်ကို ပြင်ဆင်ပေးသော သတင်းကို true ကို သတင်းပေးလျှင် ဒါမှာ $ နှင့် jQuery ကို အမြဲတမ်း အသုံးပြုနေသော တိုက်ရိုက် တည်နေသော အချက်အလက်ကို ပြန်ပေးပါမည်။ အသုံးပြုမည့်အခါ သူ့အား တကယ်ကျင်သူ့ကို စိစစ်ပါမည်!
这是相对于简单的 noConflict 方法更极端的版本,因为这将完全重新定义 jQuery。这通常用于一种极端的情况,比如你想要将 jQuery 嵌入一个高度冲突的环境。注意:调用此方法后极有可能导致插件失效。
实例
例子 1
将 $ 引用的对象映射回原始的对象:
jQuery.noConflict(); jQuery("div p").hide(); // 使用 jQuery $("content").style.display = "none"; // 使用其他库的 $()
例子 2
恢复使用别名 $,然后创建并执行一个函数,在这个函数的作用域中仍然将 $ 作为 jQuery 的别名来使用。在这个函数中,原来的 $ 对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效:
jQuery.noConflict(); (function($) { $(function() { // $ အမှတ် အသုံးပြုသည် jQuery အမှတ် }); })(jQuery); ... // အခြား အသုံးပြုသည် $ အမှတ် အသုံးပြုသော အခြား အမှတ်
အမှတ် 3
jQuery.noConflict() နှင့် အင်္ဂါးခွဲ ကို အသုံးပြုပြီး အရေးပါ အမှတ် ကို ပိုမို အားနည်းပါ
jQuery.noConflict()(function(){ // jQuery အမှတ် အသုံးပြုသည် }); ... // အခြား အသုံးပြုသည် $ အမှတ် အသုံးပြုသော အခြား အသုံးပြုသော အမှတ်
အမှတ် 4
အခြား အမှတ်အသုံးပြုသည် နှင့် အသုံးပြုသည် jQuery အား အသုံးပြုရန် အခွင့်အရေးပြုသည်
var j = jQuery.noConflict(); j("div p").hide(); // jQuery အမှတ် $("content").style.display = "none"; // အခြား အသုံးပြုသော $() အမှတ်
အမှတ် 5
အပြည့်အဝိုင်း jQuery ကို အခြား အမှတ်အသုံးပြုသည်
var dom = {}; dom.query = jQuery.noConflict(true);
ရလဒ်:
dom.query("div p").hide(); // အခြား jQuery အမှတ် $("content").style.display = "none"; // အခြား အသုံးပြုသော $() အမှတ် jQuery("div > p").hide(); // အခြား အစိတ်အပိုင်း jQuery အမှတ်