Jquery.Load不适用于android浏览器，但适用于同一设备上的Firefox移动浏览器

Jquery .Load not working in android browser but works in Firefox mobile browser on same device

本文关键字：适用于 浏览器 移动 Firefox 不适用 Load android Jquery      更新时间：2024-01-31

请允许我尝试使用Jquery.load.将一个div从外部页面"page2.html#newupdate"加载到当前页面"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>

类型：

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

以下内容真的有效吗？创建一个命名函数并同时执行它？如果删除"ping"会发生什么？

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

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

$("#page2").live
相关文章：