ล่าสุดการพัฒนาเว็บบทเรียน
 

jQuery - noConflict() Method


ถ้าคุณต้องการที่จะใช้กรอบอื่น ๆ บนหน้าของคุณในขณะที่ยังคงใช้ jQuery?


jQuery และกรอบ JavaScript อื่น ๆ

ในขณะที่คุณรู้อยู่แล้ว; jQuery ใช้ $ ลงชื่อเข้าใช้เป็นทางลัดสำหรับ jQuery

: มีกรอบ JavaScript อื่น ๆ อีกมากมายที่นิยมเช่นมี Angular, Backbone, Ember, Knockout และอื่น ๆ

เกิดอะไรขึ้นถ้ากรอบ JavaScript อื่น ๆ ยังใช้เครื่องหมาย $ เป็นทางลัด?

หากทั้งสองกรอบที่แตกต่างกันจะใช้ทางลัดเดียวกันหนึ่งในนั้นอาจหยุดการทำงาน

ทีม jQuery มีความคิดเกี่ยวกับเรื่องนี้อยู่แล้วและดำเนินการ noConflict() วิธีการ


jQuery noConflict() วิธี

noConflict() วิธีการออกจับที่ $ ระบุทางลัดเพื่อให้สคริปต์อื่น ๆ สามารถใช้งานได้

แน่นอนคุณสามารถยังคงใช้ jQuery เพียงโดยการเขียนชื่อเต็มแทนทางลัด:

ตัวอย่าง

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
ลองตัวเอง»

นอกจากนี้คุณยังสามารถสร้างทางลัดของคุณเองได้อย่างง่ายดายมาก noConflict() วิธีการส่งกลับอ้างอิงถึง jQuery ที่คุณสามารถบันทึกในตัวแปรสำหรับการใช้งานในภายหลัง นี่คือตัวอย่าง:

ตัวอย่าง

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery is still working!");
    });
});
ลองตัวเอง»

ถ้าคุณมีบล็อกของรหัส jQuery ซึ่งใช้เป็น $ ลัดและคุณไม่ต้องการที่จะเปลี่ยนมันทุกท่านสามารถผ่าน $ เข้าสู่ระบบเป็นพารามิเตอร์กับวิธีการพร้อม นี้จะช่วยให้คุณสามารถเข้าถึง jQuery ใช้ $ ภายในฟังก์ชันนี้ - นอกของมันคุณจะต้องใช้ jQuery "":

ตัวอย่าง

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
ลองตัวเอง»

jQuery อื่น ๆ อ้างอิง

สำหรับภาพรวมทั้งหมดของทุกวิธีการ jQuery อื่น ๆ โปรดไปที่เรา jQuery อื่น ๆ อ้างอิง