Javascript Load在android浏览器中不工作，但在同一设备上的Firefox移动浏览器中工作

请注意，我正在尝试使用Jquery.load将一个div从外部页面“page2.html#newupdate”加载到当前页面“page1.html”中的另一个div“localupdate”

<!-- 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>

不幸的是，它在android浏览器版本5.1中不起作用，但在同一设备上的Firefox移动浏览器版本45.0.1中起作用。它也适用于桌面Chrome和Firefox

<!-- 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>

请问为什么？ 任何最好的主意都将不胜感激

<!-- 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>

下面是我的代码：

<!-- 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>

JS:

<!-- 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>

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>

这里有新的更新。。。
$（“#page2”）.live（'pageinit'，function（）{
jQuery.support.cors=true；
$.mobile.allowCrossDomainPages=true；
});

打字错误：

<!-- 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”，会发生什么

<!-- 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>

.live已被弃用。将其替换为。在：

<!-- 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>

$("#page2").live

打字错误：

<!-- 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>

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

<!-- 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>

.live已被弃用。将其替换为。在：

<!-- 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>

$("#page2").live

---

是的，非常感谢您的回答，同时也确认了我的输入错误：document.getElementById（“#localupdate”）.style.dispaly=“block”；}。不幸的是，它出现在stackoverflow上，但在我的系统上一切都很好。但是我测试了你的答案，仍然不起作用。顺便说一句，我的主要问题是为什么我的代码在firefox移动浏览器、firefox桌面浏览器、chrome桌面浏览器中工作，而在android移动浏览器版本5.1.Hmm中不工作，这很可能是该浏览器的一个限制。顺便说一句，您还应该在成功后删除后面的逗号：function（）{}如果您删除ajax测试并在.ready之后调用loadNewupdate（）是否有效？从版本4.4（）开始，Android浏览器中似乎支持CORS（）。Yezzz，非常感谢您的回答&同时识别我的打字错误：document.getElementById（“#localupdate”）.style.dispaly=“块”；}。不幸的是，它出现在stackoverflow上，但在我的系统上一切都很好。但是我测试了你的答案，仍然不起作用。顺便说一句，我的主要问题是为什么我的代码在firefox移动浏览器、firefox桌面浏览器、chrome桌面浏览器中工作，而在android移动浏览器版本5.1.Hmm中不工作，这很可能是该浏览器的一个限制。顺便说一句，您还应该在成功后删除后面的逗号：function（）{}如果删除ajax测试并在.ready之后调用loadNewupdate（）是否有效？从版本4.4（）开始，Android浏览器似乎支持CORS默认的Android浏览器功能不是很强。我不知道它使用什么技术，但我猜它不支持诸如跨域和CORS之类的高级功能。谢谢你，罗托拉，那么请问实现这一点的最佳方法是什么？这个小提琴能与你的Android浏览器配合使用吗？默认的Android浏览器不是很强大。我不知道它使用什么技术，但我猜它不支持诸如跨域和CORS之类的高级功能。谢谢你，罗托拉，那么请问实现这一点的最佳方法是什么？这个小提琴能与你的Android浏览器配合使用吗？