เทคนิคเล็กๆ น้อยๆ สำหรับคนใช้ jquery

[net1]

มีหลายๆ เหตุผลที่ดี สำหรับการเลือกโหลดโปรแกรมหลักของ jquery ผ่านเว็บของ google หนึ่งในเหตุผลที่สำคัญที่สุด คือ เรื่องของความเร็วในการโหลด เพราะเว็บของ google ใช้ CDN จะทำให้ เวลาคนที่เข้ามาเปิดเว็บของเรา แต่อยู่ต่างประเทศ แทนที่จะโหลดตัว jquery จากเว็บเราโดยตรง ซึ่งอาจจะช้า แต่ตัวเว็บของ google จะเลือกเว็บที่ใกล้ที่สุดของผู้เปิดใช้งานแล้วส่งข้อมูลให้ทำให้โหลดเร็วขึ้น เช่น ผู้ใช้เปิดจากสหรัฐ แต่เว็บของเราอยู่ที่ไทย หากใช้ตัวนี้แล้ว ตัว jquery ก็จะถูกโหลดจากเว็บของ google ที่อยู่ในสหรัฐโดยตรงเลย

แต่ อย่างไรก็ตามมีข้อดี แล้วก็ต้องมีข้อเสีย ซึ่งหนึ่งในนั้นก็คือ บางประเทศ เช่น จีน มีการปิดกั้นเว็บของ google เลยอาจจะทำให้โหลด jquery ไม่ได้ จึงได้เพิ่มเงื่้อนไข ขึ้นมาตรวจสอบถ้าหากโหลดไม่ได้ ก็ให้โหลดจากเว็บเราเหมือนเดิม

รายละเอียดก็จาก code ด้านล่างเลยครับ

โค้ด เลือก ขยาย

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("<script src='/path/to/your/jquery' type='text/javascript'></script>"));
}
</script>



แก้ไข

โค้ด เลือก ขยาย

http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
เป็น

โค้ด เลือก ขยาย

http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
หรือ

โค้ด เลือก ขยาย

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js

แ้ล้วแต่ความต้องการ

และอย่างลืมเปลี่ยน /path/to/your/jquery ไปเป็น path ที่ชี้ไปยังไป jquery ในเว็บของคุณให้ถูกต้องด้วยครับ

[tamiyalagu]

ขอบคุณครับ


แต่จริงๆไฟล์มันก็เล็กนิดเดียวไม่ใช่เหรอ

[net1]

ถ้าเวอร์ชั่นเต็มก็ประมาณกว่า 100Kb ได้ครับ

[supachet2526]

ขอบคุณครับ เป็น tip ที่หน้าเอาไปลองครับ

[kitazawa1st]

ถ้าเวอร์ชั่นเต็มก็ประมาณกว่า 100Kb ได้ครับ

ใช้ตัว min สิ ไม่ถึง 100kb หรอก

[chlorophill]

ขอบคุณคร้าบ

[HotelBestBuy]

+1

[Mayjung007]

เปิดใน IE 6มัน เอเร่ออ่ะคับ

แล้วเปิดใน โครมก็มี "); }  เพิ่มขึ้นมาด้วยคับ

<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("<script src='js/jquery-1.3.2.min.js' type='text/javascript'></script>"));
}
</script>

[net1]

ทดสอบแล้วปรกติ นะครับ อาจจะเป็นไปได้ว่ามีปัญหากับ script ของเดิมที่มีอยู่หรือปล่าวครับ

เปิดใน IE 6มัน เอเร่ออ่ะคับ

แล้วเปิดใน โครมก็มี "); }  เพิ่มขึ้นมาด้วยคับ

<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
    document.write(unescape("<script src='js/jquery-1.3.2.min.js' type='text/javascript'></script>"));
}
</script>

[Mayjung007]

<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
   document.write(unescape("<script src='js/jquery-1.3.2.min.js' type='text/javascript'></script>"));
}
</script>

รู้แล้วคับ มันมอง </script> ใน .write เป็นปิดแท็ก ทำให้ ")); } มันเพิ่มเข้ามาคับ ต้องหาอักขระพิเศษ

แก้เป็น

<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
   document.write(unescape("<script src='js/jquery-1.3.2.min.js' type='text/javascript'><*/script>"));
}
</script>

ตรงดอกจัน แทนที่ด้วย BackSlash คือ / กลับอีกทางอะ แต่มันพิมในนี้ไม่ได้ ลองดูนะ

[beside]

Thanks ครับ 

[mama2008]

อ่อ ครับขอบคุณครับ

[sytes]

ขอบคุณครับ ได้ความรู้เพิ่มเลย

[ZeCrof]

ขอบคุณครับได้ความรุ้เพิ่มเติม

จริง ๆ ก็ไม่ค่อยได้สังเกตุนะว่าอะไรเร็วกว่า เพราะ internet ตอนนี้มันเร็วมากแทบไม่ต่างกันเลย

ผมเหมือนเคยเห็นโหลดเวอร์ชั่นล่าสุดแบบไม่ต้องเปลี่ยนโค๊ด  ที่เป็น jquery.lastes ไรประมาณนี้  ใครรู้บ้างว่าใช้คำสั่งอะไร 

[net1]

ถ้า version ล่าสุดก็น่าจะเป็น

โค้ด เลือก ขยาย

http://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.min.js

หรือ

โค้ด เลือก ขยาย

http://ajax.googleapis.com/ajax/libs/jquery/jquery.min.js

ขอบคุณครับได้ความรุ้เพิ่มเติม

จริง ๆ ก็ไม่ค่อยได้สังเกตุนะว่าอะไรเร็วกว่า เพราะ internet ตอนนี้มันเร็วมากแทบไม่ต่างกันเลย

ผมเหมือนเคยเห็นโหลดเวอร์ชั่นล่าสุดแบบไม่ต้องเปลี่ยนโค๊ด  ที่เป็น jquery.lastes ไรประมาณนี้  ใครรู้บ้างว่าใช้คำสั่งอะไร 

[Mayjung007]

ลองใช้ chome สิคับ มีเครื่องมือวัด script ,css , html ส่วนประกอบต่างๆ  ว่าอันไหนโหลด ใช้เวลาเท่าไหร่