ปัญหาการใช้งาน Jquery ขณะโหลด page ไม่เสร็จ
ขอถามหน่อยค่ะ คือปัจจุบันใช้ plugin jquery ในการทำ popup window ลักษณะแบบเดียวกับ facebook ค่ะ
ปัญหาคือถ้ายังโหลดหน้าเว็บยังไม่เสร็จ ถ้าคลิกลิ๊งค์เพื่อเปิด popup page มันจากลายเปิดpage ใหม่ขึ้นมา แทนที่จะเป็น popup ค่ะ
แต่ถ้ารอให้โหลดหน้าเว็บให้เสร็จเรียบร้อย ก็ทำงานสวยงามตามปกติค่ะ จะแก้ไขยังไงดีคะ ให้ไม่สามารถคลิกลิ๊งค์ ในขณะที่กำลังโหลดหน้าเว็บ
ปัญหาคือถ้ายังโหลดหน้าเว็บยังไม่เสร็จ ถ้าคลิกลิ๊งค์เพื่อเปิด popup page มันจากลายเปิดpage ใหม่ขึ้นมา แทนที่จะเป็น popup ค่ะ
แต่ถ้ารอให้โหลดหน้าเว็บให้เสร็จเรียบร้อย ก็ทำงานสวยงามตามปกติค่ะ จะแก้ไขยังไงดีคะ ให้ไม่สามารถคลิกลิ๊งค์ ในขณะที่กำลังโหลดหน้าเว็บ
นี่เป็นตัวอย่าง code ค่ะ
<script type="text/javascript">
$(document).ready(function() {
$('a[rel=facebox]').facebox({
loading_image : 'loading.gif',
close_image : 'closelabel.gif'
})
})
</script>
ให้เปลี่ยนไปเขียนคำสั่งใน window.onload แทนครับ
วิธีอื่นๆ คือ ให้เขียน html โดยให้ ลิงค์ที่ต้องการเป็น tag span แทน ซึ่งจะทำให้ไม่สามารถคลิกได้ครับ และหลังจากโหลดส่วนต่างๆเสร็จค่อเปลี่ยน span เป็น a ดวย javascript หรือ อาจจำกำหนด event ให้กับ span แทนลิงค์ไปเลยก็ได้
ขอบคุณค่ะ disabled link ไว้ก่อน พอโหลดหน้าเว็บเสร็จค่อยให้มันทำงานต่อ เรียบร้อยแล้วค่ะ