คอนเทนเนอร์เพจ jQM กำลังโหลดหลายหน้า

ฉันใช้ jqm 1.4.5 และมีปัญหาในการใช้เมธอด load ของ pagecontainer ฉันกำลังเลือกที่จะแบ่ง webapp ของฉันออกเป็นไฟล์ html หลายไฟล์เพื่อความสะดวกในการจัดการ (ฉันรู้ว่าบางท่านอาจไม่เห็นด้วย แต่นั่นเป็นการสนทนากันในวันอื่น) ในไฟล์ index.html ของฉัน ฉันสามารถโหลดไฟล์ .html ภายนอกลงใน DOM ได้สำเร็จ แต่ปัญหาคือเมื่อมีมากกว่าหนึ่งหน้าในไฟล์ ฉันคาดหวังว่ามันจะแทรก div ใด ๆ ที่มี data-role="page" แต่จะโหลดอันแรกลงใน DOM เท่านั้น เช่น ถ้าผมมีโค้ดต่อไปนี้..

<div data-role="page" id="page1" data-dom-cache="true">
    <div role="main" class="ui-content">
        ...stuff...
    </div>
</div>
<div data-role="page" id="page2" data-dom-cache="true">
    <div role="main" class="ui-content">
        ...stuff...
    </div>
</div>

...เฉพาะ page1 เท่านั้นที่จะถูกโหลดเข้าสู่ DONM page2จะไม่ ฉันรู้สิ่งนี้เพราะสองสิ่ง... การอ้างอิงถึงสิ่งใดก็ตามใน page2 ทั้งหมดล้มเหลว และเมื่อฉันดูที่แหล่งที่มาใน Chrome page2 ก็ไม่อยู่ที่นั่น เพื่อให้ฉันนำมันเข้าไปใน DOM ฉันจึงสร้าง page2 เป็นไฟล์แยกต่างหาก เช่น page2.html แม้ว่าฉันจะทำเช่นนี้กับเว็บไซต์ส่วนใหญ่ แต่ก็ไม่เหมาะ 100% ของเวลาทั้งหมด ตัวอย่างเช่น หากหน้าเว็บสองหน้ามีความเกี่ยวข้องกันอย่างมาก (เช่น หน้าเข้าสู่ระบบและหน้ารหัสผ่านที่สูญหาย)

ฉันไม่แน่ใจว่าจะดำเนินการกับเรื่องนี้อย่างไร ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก.


person mrphuzz    schedule 25.10.2015    source แหล่งที่มา


คำตอบ (1)


ลักษณะการทำงานที่คุณอธิบายนั้นเป็นไปตามการออกแบบและได้รับการบันทึกไว้ ดูเอกสาร jQM ที่นี่:

http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/

หมายเหตุ: คุณไม่สามารถลิงก์ไปยังเอกสารหลายหน้าโดยใช้งานการนำทาง Ajax ได้ เนื่องจากเฟรมเวิร์กจะโหลดเฉพาะหน้าแรกที่พบ ไม่ใช่ชุดหน้าภายในทั้งหมด ในกรณีเหล่านี้ คุณต้องลิงก์โดยไม่มี Ajax (ดูหัวข้อถัดไป) เพื่อการรีเฟรชแบบเต็มหน้าเพื่อป้องกันการชนกันของแฮชที่อาจเกิดขึ้น ขณะนี้มีปลั๊กอินหน้าย่อยที่ทำให้เป็นไปได้ เพื่อโหลดเอกสารหลายหน้า

person ezanker    schedule 25.10.2015