Whitelist PhoneGap Android не работать на следующей странице

Question

Я использую

$('#result').load('http://.... #div'); 

, чтобы получить содержимое внешнего сайта. Я отредактировал домен whitelist для PhoneGap. Он работает, если я задаю эту страницу как индексную страницу. Тем не менее, он не может нормально функционировать, когда он задан как следующая страница, отправив форму. Содержимое с внешнего веб-сайта не отображается. Как я могу это решить? Спасибо

Answer 1

Для этого лучше использовать фреймворк javascript и использовать один файл index.html. Лучшая практика, с которой я столкнулся, - сделать приложение не несколькими html-файлами. Существует много рамок для выполнения этого документа, задокументированного как jquerymobile.

Используя JQueryMobile в вашем файле javascript, вы должны проверить, когда загружается страница1 с использованием jquerymobile, а затем запустите ваш .load-код.

JQueryMobile имеет разные события, которые он ищет. В этом случае перед началом страницы (pageinit) вы хотите запустить загрузку, чтобы захватить контент с другого сайта.

$("#page1").live("pageinit",function(){ 

    $('#result').load('http://.... #div'); //place your load here..you can even $.post(function(){..}); to a php script to get exactly what you want. 


}); 

Вашего HTML файл внутри тела тега будет иметь это и, конечно, нужно включить Jquery и jquerymobile JS и CSS файлы между тегами головы.

<div data-role="page" id="home" data-theme="a"> 
      <div data-role="header"> 
       <h1>Welcome</h1> 
      </div> 
      <div data-role="content"> 
       <ul data-role="listview"> 
        <li class="btn_a"><a href="#page1">Page1</a></li> 
        <li class="btn_s"><a href="#page2">Page2</a></li> 
        <li class="btn_l"><a href="#page3">Page3</a></li> 

       </ul> 
      </div> 

      <div data-role="footer"> 
       <h4>Your Brand</h4> 
      </div> 
     </div> 


<div data-role="page" id="page1" data-theme="a"> 
      <div data-role="header"> 
       <h1>Page1 Heading</h1> 
      </div> 
      <div data-role="content"> 
       <h1>This is Page1</h1> 
          <div id="#result"></div> 
      </div> 

      <div data-role="footer"> 
       <h4>Your Brand</h4> 
      </div> 
     </div>