ในบางครั้งเวลาที่เราพัฒนา Web application ที่ต้องพัฒนาจากของเก่าซึ่งอาจจะใช้ jQuery เวอร์ชั่นเก่าๆอยู่ก่อนแล้ว แต่ว่างานที่เราต้อง develop ใหม่จะต้องใช้ jQuery เวอร์ชั่นที่สูงกว่าและต้องไม่กระทบกับของเก่าที่มีอยู่แล้ว ปัญหานี้แก้ง่ายๆด้วยการใช้ jQuery หลายๆเวอร์ชั่นใน page เดียวกันไปเลย
noConflict
มาดูตัวอย่าง code กันดีกว่า
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// jQuery Version 1.5.2
<script src="jquery-1-5-2.js"></script> <script> var oldVersion = jQuery.noConflict(); </script> //jQuery new version 1.6 <script src="jquery-1-6.js"></script> <script> var newVersion = jQuery.noConflict(); </script> <div id="testDiv"></div> <script> alert( oldVersion('#testDiv') ); alert( newVersion('#testDiv') ); </script> |
เท่านี้ก็หมดปัญหาเรื่องการใช้งาน jQuery หลายๆเวอร์ชั้นแล้วครับ บางครั้งปัญหานี้ก็ไม่ได้เกิดจากการใช้งาน jQuery หลายๆเวอร์ชั่นนะครับ เพราะผมเองก็เคยเจอเวลาที่ใช้ javascript ค่ายอื่น แล้วพอเอา jQuery มาใช้ร่วมกันด้วยแล้วโปรแกรมไม่สามารถทำงานได้ ก็ได้วิธีนี้แหละครับในการแก้ไขปัญหานี้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น