Question

我试图使用html js和phonegap在android中构建我的第一个应用程序。我有两个问题，我认为它们差不多。

1）我的应用程序有一个可点击的svg图像（感谢inkscape！），以及其他一些html页面，在index.html的同一个文件夹中（无论如何，我还有其他img，js和css文件夹）。我希望当我点击可点击的svg时，我可以加载该文件夹的另一个html页面。我的意思是，我有

 <object id="image" data="img/pianta.svg" type="image/svg+xml"></object>

这是我的svg包含在index.html中，而是pianta.svg我有

 <a
       id="a3079"
       xlink:href="/swipepages.html"
       target="_top"
       xlink:title="cinque"><g
         enable-background="new    "
         opacity="0.5216"
         id="Rectangle_4_1_">
        <g
       id="Rectangle_4">
            <g
       id="g3037">
                <polygon
       id="polygon3039"
       points="666.8,312 562.1,311.1 561.8,389.3 679.4,386.8    "
       fill="#FFFF00"
       clip-rule="evenodd"
       fill-rule="evenodd" />
            </g>
        </g>
    </g></a>

其中swipepages.html是index.html的同一文件夹中的另一个文件html，我希望在点击该点时加载swipepages.html。

2）我有一个带有一些按钮的侧边栏，我想在点击其中一个时加载另一个html页面。

在我的电脑和浏览器上，一切看起来都很好，但是当我用phongeap构建应用程序并尝试它时，我发现错误＆＃34;找不到错误文件＆＃34;。我怎么解决这个问题？谢谢！

Answer 1

对于遇到同样问题的每个人，我自己找到了一个解决方案（但仍在查看stackoverflow的帖子）。我在我的svg中包含了这个脚本：

    $(document).ready(function(){
        //check if close element exists. If yes, execute the function
        if($('.close').length() > 0) load_thankyou();
    });

    function load_thankyou()
    {
        alert('hii');
        var delay = 1000; //Your delay in milliseconds
        var URL = 'swipepages.html';
        setTimeout(function()
                    { 
                      window.location = URL; 
                    }, delay);
    }

  ]]></script></svg>

修改了我放置链接的标签：

<a
   id="a3063"
   xlink:href="MYURL"
   target="_top"
   xlink:title="title">

到此：

<a class="close" id="a3079" xlink:href="NAMEOFTHEPAGEIWANT" target="_top" xlink:title="title">

然后我发现最好将每个文件（图像，html文件......）放在phonegap中的同一文件夹（www）中：可能不是正确的解决方案，但它工作正常。

Phonegap svg可点击并链接到同一文件夹中的其他html

1 个答案: