javascript - Jquery .Load 无法在 Android 浏览器中工作，但可以在同一设备上的 Firefox 移动浏览器中工作

Question

请我尝试使用 Jquery .Load 将外部页面“page2.html#newupdate”中的 div 加载到当前页面“page1.html”中的另一个 div“#localupdate”中。

不幸的是，它无法在 Android 浏览器版本 5.1 中运行，但可以在同一设备上的 Firefox 移动浏览器版本 45.0.1 中运行。它也适用于桌面版 Chrome 和 Firefox。

请问为什么？任何最好的想法将不胜感激。

下面是我的代码:

JS:

  /*
I AM TESTING AN INTERNET AVAILABILITY FIRST. 
BY SEND A REQUEST TO THE jquery.min.js FILE ONLINE. 
THEN IF SUCCESSFUL, TRIGGER MY FUNCTION loadNewupdate().
*/

function loadNewupdate() {
    $("#localupdate").empty();
$( "#localupdate" ).load( "page2.html#newupdate" ); //.trigger("create"):
document.getElementById("localupdate").style.dispaly = "block";};

$( document ).ready(function ping(){
     $.ajax({
      url: 'http://code.jquery.com/jquery.min.js',
      crossDomain: 'true',
      type: 'post',
      success: function(result){        
    loadNewupdate (); },     
   });  
});

HTML:

<!-- PAGE1.HTML -->
<div data-role="page" id="page1" align="center">    
<div id="localupdate" style="display:none;">
NEW UPDATE HERE... 
</div>
</div>

<!-- PAGE2.HTML -->
<script>
$("#page2").live('pageinit', function() {
        jQuery.support.cors = true;
$.mobile.allowCrossDomainPages=true;
});
</script>

<div data-role="page" id="page2" align="center">    
<div id="newupdate" style="display:block;">

    <a href="http://newlink1.com" target="_parent"><img  alt="new image" src="http://imgfile.com/1.jpg"/></a>               
    <a href="http://newlink2.com" target="_parent"><img  alt="new image" src="http://imgfile.com/2.jpg"/></a>               
    <a href="http://newlink3.com" target="_parent"><img  alt="new image" src="http://imgfile.com/3.jpg"/></a>

</div>
</div>

Answer 1

打字错误:

document.getElementById("#localupdate").style.dispaly = "block";};

下面的方法真的有效吗？创建一个命名函数并同时执行它？如果删除“ping”会发生什么？

$( document ).ready(function ping(){

.live 已弃用。将其替换为 .on :

$("#page2").live