Jquery。在Android浏览器中没有工作但在同一台设备上的Firefox移动浏览器中工作

时间:2016-04-06 20:30:54

标签: javascript jquery html html5 jquery-mobile

我正在尝试使用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>

1 个答案:

答案 0 :(得分:0)

错字:

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

以下实际上有效吗?创建一个命名函数并同时执行它?如果您删除&#34; ping&#34;会发生什么? ?

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

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

$("#page2").live