PhoneGap inAppBrowser загружает проблему события остановки

Question

PhoneGap inAppBrowser загружает проблему события остановки

0

Моя страница очень проста.
Когда он работает, отображается только одна кнопка. При нажатии кнопки открывается inAppBrowser и загружается страница "1.html". Существует также кнопка в 1.html, щелкните ее, чтобы она превратилась в 2.html.
Моя цель:
1. После нажатия кнопки на 1.html она превратится в 2.html (сделано).
2. Каждый раз, когда URL-адрес в файле inAppBrowser изменяется, необходимо указать URL-адрес. Вот код index.html:

<!DOCTYPE html>
<html>
  <head>
    <title>InAppBrowser.addEventListener Example</title>
    <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        $("#btn").click(function(){
            var ref = window.open('1.html', '_blank', 'location=yes');
            ref.addEventListener('loadstop', function(event) { alert('stop: ' + event.url); });
        });
    }

    </script>
  </head>
  <body>
    <button id="btn">click</button>
  </body>
</html>

На "1.html" есть одна кнопка. Если нажать, перейдите к "2.html". Вот код 1.html:

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(function(){
            $('#btn').click(function(){
                window.href.location = '2.html';
            });
        });
    </script>
  </head>
  <body>
    <button id="btn">Test</button>
    <div id="msg"></div>
  </body>
</html>

Каждый раз, когда urlAppBrowser изменяется. Вызывает ли это событие loadstop? Если да, то почему я не могу заставить его работать. Если нет, как я могу это реализовать?

nich 25 окт. 2013, в 19:09

Источник

Теги:

javascript

jquery

html

cordova

2 ответа

Ещё вопросы

V31 · Answer 1 · 2014-03-04T15-43-00.000Z

Вам нужно проверить, правильно ли настроен плагин для inappbrowser в файле config.xml. Это можно проверить в блоке сборки онлайн-телефонии или в файле config.xml.

Конфигурация для android в файле config.xml:

<gap:plugin name="org.apache.cordova.inappbrowser" />

Спасибо. У меня была та же проблема, и это было решением. Я был смущен, потому что window.open казалось, работал без добавления этого плагина. Но это необходимо для обработки событий!

MBillau · Answer 2 · 2013-10-28T13-11-00.000Z

В 1.html измените код из window.href.location = '2.html'; to window.location.href= '2.html'; , Затем, когда вы находитесь на 1.html и нажмите кнопку, он фактически изменит URL-адрес и выведет новый URL-адрес.