InAppBrowser不使用Phonegap Build

时间:2015-06-09 23:52:10

标签: javascript jquery cordova build inappbrowser

我正在尝试使用带有Phonegap Build的InAppBrowser插件,但是当我点击我的链接时,网页无法在InAppBrowser中打开。我可以从config.xml中删除插件,它没有什么区别。我在config.xml文件中使用了以下插件。

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

下面是我在js文件中打开InAppBrowser的代码。我正在使用window.open来调用InAppBrowser并使用谷歌作为测试。有谁知道我做错了什么?任何帮助是极大的赞赏。

$(document).ready(function() {

    var listHtml = "";

    var url = "http://example.com/mypage.php"
    $.post(url, function(response) {
            var json = $.parseJSON(response);

            $.each(json, function(key, value) {
                listHtml += "<li><a href='#' onclick=window.open('http://www.google.com','_blank','location=yes,toolbar=yes')><img class='ui-circle ui-mini ui-padding' src='" + value.image + "'><h2>" + value.name + "</h2><p><strong>" + value.title + "</strong></p><p><strong>" + value.date + "</strong></p></li>";

                $("#history").html(listHtml);
                $('ul').listview('refresh');

            }); //end list

1 个答案:

答案 0 :(得分:0)

我认为您需要将window.open绑定到cordova.InAppBrowser.open,请参阅文档here

$(document).ready(function(){
    window.open = cordova.InAppBrowser.open; // BIND

    var listHtml = "";

    var url = "http://example.com/mypage.php"
    $.post(url, function(response){
        var json = $.parseJSON(response);

        $.each(json, function(key, value){
            listHtml += "<li><a href='#' onclick=window.open('http://www.google.com','_blank','location=yes,toolbar=yes')><img class='ui-circle ui-mini ui-padding' src='"+ value.image +"'><h2>" + value.name +  "</h2><p><strong>"+ value.title + "</strong></p><p><strong>" + value.date +"</strong></p></li>";

            $("#history").html(listHtml);
            $('ul').listview('refresh');

        });
    });
});