as in Javascript is not loaded into dom in jquery mobile

前端 未结 1 601
情歌与酒
情歌与酒 2020-12-07 04:45

I have a page1.html that has a link in it like this:

PAGE2

A part page2.html is like th

相关标签:
1条回答
  • 2020-12-07 05:30

    Update

    As per your updated question, you can't mix Single Page Model with Multi-Page Model. When you load page2.html first data-role="page and ONLY first one is loaded. Anything else is neglected.

    Example:

    index.html (first page loaded) - All tags within <html> are loaded into DOM whether Ajax is enabled or disabled.

    <html>
      <head>
        <!-- JS, CSS, etc.. -->
      </head>
      <body>
        <!-- pages -->
      </body>
    </html>
    

    page2.html - All tags are neglected except for FIRST data-role="page" and its' content, when Ajax is enabled.

    <!-- libraries in head are neglected -->
    <head>
      <!-- JS, CSS, etc.. -->
    </head>
    <body>
    
    <!-- ONLY first page is loaded -->
      <div data-role="page">
       <!-- JS -->
      </div>
    <!-- next pages are neglected -->
      <div data-role="page">
      </div>
    </body>
    

    When using Single Page Model and Ajax is enabled, you have to place JS libraries/code for the external page inside <div data-role="page">.

    <div data-role="page">
      <script src="file1.js"></script>
      <script src="file.js"></script>
    </div>
    

    jQuery Mobile loads external pages via Ajax, it loads ONLY first <div data-role="page"> in <body and neglects any other tags out side page div.

    0 讨论(0)
提交回复
热议问题