如何使用jQuery Mobile將外部HTML內容加載到頁面內的div中

Question

標記當前頁面的一部分。

<div class="que-plc">
  <div class = "questionHolder">
   <div class = "questionBorder">
    <h3>A question?</h3>
    <div>
      <div ><a id="goto-que1" class="to-next-que">NEXT</a></div>
    </div>
  </div>
 </div>
</div>

必須加載到當前頁面的標記：

  HTML -- que1.html:

    <div class = "questionHolder"> 
      <div class = "questionBorder">
      <h3>Question Here?</h3>
        <div data-type="horizontal">
          <div><a id="goto-que2" data-role="button" class="to-next-que">NEXT</a></div>
        </div>  
      </div>
    </div>

HTML -- que2.html:

    <div class = "questionHolder"> 
      <div class = "questionBorder">
      <h3>Question Here?</h3>
        <div data-type="horizontal">
          <div><a id="goto-que3" data-role="button" class="to-next-que">NEXT</a></div>
        </div>  
      </div>
    </div>

加載que1.html和que2.html的javascript：

    $("a.to-next-que").click(function(){
    alert(this.id)
    var cur_id = this.id.toString();
    $(".questionHolder").remove();
    var last = cur_id.length
    cur_id = cur_id[last - 1];
    $.get('level/level1/que'+cur_id+'.html',function(question) {
        $('.que-plc').html(question).trigger('create');
    });
});

問題出在que1.html被加載到dom i，e內部之后。 que-plc容器，則連續的點擊不會將que2.html, que3.html ... to the dom加載que2.html, que3.html ... to the dom 。 怎么了？

我正在使用jquery-mobile 1.0.1 ，所以使用$ .mobile.loadPage和$ .mobile.changePage會導致錯誤。

並通過a link whose data-ajax="false"不會加載page2.html的javascript a link whose data-ajax="false"從page1.html to page2.html導航page1.html to page2.html 。

那是：

<body>
<div data-role="page">
</div>
<script src="play.js"></script>

play.js將wont be available in page2.html`中使用。 如何糾正？

Answer 1

你可以這樣使用

$('#div_content').load("page.html");

單擊按鈕加載頁面

$('#button').click(function(){   
    $('#div_content').load('html.page');
 });

如何使用jQuery Mobile將外部HTML內容加載到頁面內的div中

問題描述

1 個解決方案

解決方案1
0

如何使用jQuery Mobile將外部HTML內容加載到頁面內的div中

問題描述

1 個解決方案

解決方案1 0

解決方案1
0