我正在尝试使用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>
答案 0 :(得分:0)
错字:
document.getElementById("#localupdate").style.dispaly = "block";};
以下实际上有效吗?创建一个命名函数并同时执行它?如果您删除&#34; ping&#34;会发生什么? ?
$( document ).ready(function ping(){
.live已弃用。将其替换为.on:
$("#page2").live