Question

我正在尝试在div中加载外部jquery移动页面，但似乎无法正常工作。

的index.html

    <div data-role="page" id="page1">
  <div data-role="header">
    <h1>Header</h1>
  </div>
  <p><a class="followclick" href="#">Get the News</a></p>
  <div id="content" data-role="content"></div>
  <div data-role="footer">
    <h4>Footer</h4>
  </div>
</div>

jquery的

$(document).ready(function() {
    $('.followclick').on('click', function(event) {
        $('#content').load('news.php');

    });
});

news.php

<div data-role="page" id="page2">
  <div data-role="header">
    <h1>Header</h1>
  </div>
  <div id="news" data-role="content"></div>
  <div data-role="footer">
    <h4>Footer</h4>
  </div>
</div>

Answer 1

请尝试使用jQuery.ajax({url:'news.php',type:'GET',success:function(resp){$('#content').html(resp);}})。

jQuery.load(....)可能不适用于div。

jQuery load将适用于与URL关联的任何元素：图像，脚本，框架，iframe和窗口对象。它也不会起作用/给出跨域请求的问题。

More info here

希望这有帮助！如果有，请标记为答案！感谢

加载外部jquery移动页面无法正常工作

1 个答案: