Jquery .Loadはアンドロイドブラウザでは動作しませんが、同じデバイス上のFirefoxモバイルブラウザで動作します

Question

私の現在のページで別のdiv "#localupdate"に外部ページ "page2.html＃newupdate"からdivをロードしようとしています"page1.html" Jquery。Loadを使用します。

残念ながら、アンドロイドブラウザバージョン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