2016-04-06 13 views
1

Пожалуйста, я пытаюсь загрузить div с внешней страницы «page2.html # newupdate» в другой div «#localupdate» на моей текущей странице "page1.html" с использованием JQuery .Load.JQuery.Load не работает в браузере Android, но работает в браузере Firefox на одном устройстве

К сожалению, он не работает в браузере 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

Android-браузер по умолчанию не очень мощный. Я не знаю, какую технологию он использует, но я бы предположил, что он не поддерживает такие продвинутые вещи, как перекрестный домен и CORS. – RoToRa

+0

Спасибо RoToRa, так что, пожалуйста, что это лучший способ достичь этого? – Bruteforxz

+0

Работает ли эта скрипка с вашим браузером Android? https://jsfiddle.net/amwu5bpg/ –

ответ

0

опечатка:

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

На самом деле работает ли? Создание именованной функции и ее выполнение одновременно? Что произойдет, если вы удалите «ping»?

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

.live устарел. Замените его .on:

$("#page2").live 
+0

Yezzz, большое спасибо за ваш ответ, а также идентификацию моей опечатки: document.getElementById ("# localupdate"). style.dispaly = "block";}; , К сожалению, он появился здесь в stackoverflow, но в моей системе все в порядке. Но я проверил ваш ответ и все еще не работал. – Bruteforxz

+0

Кстати, моя главная проблема заключается в том, почему мой код работает в браузере Firefox, браузере браузера Firefox, браузере Chrome Chrome и не работает в браузере Android версии 5.1. – Bruteforxz

+0

Хм, это может быть ограничение в этом браузере. BTW, вы должны также удалить конечную запятую после succes: function() {} – yezzz

Смежные вопросы