Jul
20
2010

Source Order เรื่องง่ายๆที่ไม่ควรมองข้าม

ช่วงที่ผมเริ่มจะเขียน ภาษา jQuery ใหม่ๆ เจอปัญหาเส้นผมบังภูเขาแบบการจัดเรียง ลำดับของ Script ไม่ถูก ทำให้ไม่มีการแสดงผลอะไรออกมา หรือมี Error ออกมาบ้าง ไล่ code กับไปสิฮ่าๆ หาทั้งวันเลยครับ ว่าทำไมมันถึงไม่ยอมทำงาน ที่แท้ก็มาตกม้าตายตรงเรียง Script ไม่ถูกครับ ดันเอา Plugin ไปขึ้นก่อน Script ของ jQuery ดังนั้นเวลาที่ Plugin มัน เรียกใช้งาน Function jQuery มันก็หาไม่เจอนะสิ สำหรับเพื่อนๆที่พึ่งจะศึกษาใหม่ๆไม่ควรพลาดเรื่องนี้เลยครับ ผมว่ามีประโยชน์มากๆครับ ตามมาอ่านต่อกันได้เลย

เรื่องนี้ก็ไม่ได้เป็นเรื่องยากครับ แต่เชื่อว่าเทพหลายๆคนเคยพลาดท่ามาแล้วแน่นอน เพราะบางทีเรา copy code มาแต่ดันนำมันมาวางผิดตำแหน่ง แค่นั้นก็ได้ผลที่แตกต่างกันแล้วครับ

วันนี้ผมจะแนะนำวิธีที่เขาทำกันนะครับ เป็นรูปแบบมาตราฐาน ที่ฝรั่งเขาทำกันว่างั้นเถอะ เหอๆ ในบทความนี้ถ้าเรียกเป็นภาษาอังกฤษ ก็คงจะเรียกว่าการทำ Source order มั้งครับไม่แข็งแรงเท่าไรสำหรับภาษา ต่างประเทศ ถ้าอีสานนี่ถนัดเลย ฮ่าๆ

รูปแบบที่เขาใช้กันจะเป็นแบบนี้ครับ

  1. jQuery script
  2. jQuery plugin
  3. Custom script

ตัวอย่างครับ

1
2
3
4
5
6
<html>
   <head>
     .......
     <script type="text/javascript" src="/jquery/1.4.2/jquery.min.js"></script>
     <script type="text/javascript" src="/plugin/jquery.plugin.js"></script>
     <script type="text/javascript" src="/custom.js"></script>

ถ้าเรียงลำดับแบบนี้แล้วก็หมดปัญหาครับ พบกันใหม่ในบทความต่อไปครับ :)

Related Posts

About the Author: Suriya Deeoun

Web Programmer and Linux System Admin Tel: 084-99-69-888

Comments are closed.