A-AA+then

ปัญหาการใช้งาน Jquery ขณะโหลด page ไม่เสร็จ

1,639
 ขอถามหน่อยค่ะ คือปัจจุบันใช้ plugin jquery ในการทำ popup window ลักษณะแบบเดียวกับ facebook ค่ะ
ปัญหาคือถ้ายังโหลดหน้าเว็บยังไม่เสร็จ ถ้าคลิกลิ๊งค์เพื่อเปิด popup page มันจากลายเปิดpage ใหม่ขึ้นมา แทนที่จะเป็น popup ค่ะ
แต่ถ้ารอให้โหลดหน้าเว็บให้เสร็จเรียบร้อย ก็ทำงานสวยงามตามปกติค่ะ จะแก้ไขยังไงดีคะ ให้ไม่สามารถคลิกลิ๊งค์ ในขณะที่กำลังโหลดหน้าเว็บ

4 ความคิดเห็น

    นี่เป็นตัวอย่าง code ค่ะ
     

      <script type="text/javascript">

        $(document).ready(function() {
          $('a[rel=facebox]').facebox({
            loading_image : 'loading.gif',
            close_image   : 'closelabel.gif'
          })
        })

      </script>

1

ถ้า ready จะทำงานเมื่อพร้อม และอาจจะก่อน โหลดเว็บเสร็จ

ให้เปลี่ยนไปเขียนคำสั่งใน window.onload แทนครับ

วิธีอื่นๆ คือ ให้เขียน html โดยให้ ลิงค์ที่ต้องการเป็น tag span แทน ซึ่งจะทำให้ไม่สามารถคลิกได้ครับ และหลังจากโหลดส่วนต่างๆเสร็จค่อเปลี่ยน span เป็น a ดวย javascript หรือ อาจจำกำหนด event ให้กับ span แทนลิงค์ไปเลยก็ได้
2

สนใจเช่นกันครับ
3

    ขอบคุณค่ะ disabled link ไว้ก่อน พอโหลดหน้าเว็บเสร็จค่อยให้มันทำงานต่อ  เรียบร้อยแล้วค่ะ

4
^