คำตอบที่ได้รับเลือกจากเจ้าของกระทู้
ความคิดเห็นที่ 7
ตรง header ของไฟล์ html ลองเปลี่ยนจาก bootstrap.min.js ไปใช้ bootstrap.js
โดยลองเข้าไปแก้บรรทัด 1180 และ 1184 ในไฟล์ bootstrap.js โดยใส่ // ข้างหน้า code
//if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
//this.$body.css('padding-right', this.originalBodyPad)
จากนั้นลองดู ถ้าลองแล้ว ok ก็เข้าเว็บที่บีบอัด javascript เช่น http://jscompress.com/ เพื่อจะย่อขนาด bootstrap.js ให้เล็กลง และ save ทับแทน bootstrap.min.js (อย่าลืมเปลี่ยน header กลับไปใช้ไฟล์ bootstrap.min.js นะครับ)
โดยลองเข้าไปแก้บรรทัด 1180 และ 1184 ในไฟล์ bootstrap.js โดยใส่ // ข้างหน้า code
//if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
//this.$body.css('padding-right', this.originalBodyPad)
จากนั้นลองดู ถ้าลองแล้ว ok ก็เข้าเว็บที่บีบอัด javascript เช่น http://jscompress.com/ เพื่อจะย่อขนาด bootstrap.js ให้เล็กลง และ save ทับแทน bootstrap.min.js (อย่าลืมเปลี่ยน header กลับไปใช้ไฟล์ bootstrap.min.js นะครับ)
แสดงความคิดเห็น
ขอสอบถามเกี่ยวกับใช้Modal Boostrap แล้วหน้าเว็บเลื่อนครับ
พอดีผมกำลังฝึกทำเว็บE-Commerce โดยใช้ php กับ Boostrap
จากตัวอย่างลิ้งก์วีดีโอที่ผมแนบมาคือ เมื่อผมใช้ Modal จาก Boostrap ร่วมกับ php เพื่อให้แสดงข้อมูลออกมา
แต่เมื่อกดคลิกดูข้อมูลแล้วกดออก หน้าเว็บทั้งหมดจะค่อยๆเคลื่อนไปทางซ้ายเรื่อยๆ
จะต้องแก้ไขอย่างไรบ้างครับ
ลิ้งก์วีดีโอครับ --> https://onedrive.live.com/redir?resid=E58C86E9A8329363!2145&authkey=!AD6YhvVVvtwP-nw&ithint=video%2cmp4
ลิ้งก์โค้ดเว็บครับ --> https://onedrive.live.com/redir?resid=E58C86E9A8329363!2176&authkey=!AMuzSvy7hj0f--k&ithint=folder%2cpng
ขอบคุณสำหรับคำแนะนำล่วงหน้าน่ะครับ