Phonegap svg кликабельный и ссылка на другой html в той же папке

Я пытаюсь создать свое первое приложение в android с помощью html js и phonegap. У меня две проблемы, и я думаю, что они примерно одинаковы.

1)
Мое приложение имеет svg изображение, которое можно щелкнуть (спасибо inkscape!), и некоторые другие html-страницы, в той же папке индекса.html (во всяком случае, у меня есть другие папки с IMG, JS и css файлами). Я хочу, чтобы при щелчке на кликабельной svg я мог загрузить другую html-страницу папки. Я имею в виду, у меня есть

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

это мой svg, включенный в индекс.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-это другой файл html в той же папке индекса.html, и я хочу, чтобы это была загрузка swipepages.html, когда я нажимаю на эту точку.

2)
У меня есть боковая панель, которая имеет несколько кнопок, и я хочу загрузить другую html-страницу, когда я нажимаю на одну из них.

На моем компьютере и браузере все выглядит нормально, но когда я создаю приложение с phongeap, и я пробую его, у меня есть ошибка «файл ошибки не найден». Как я могу это решить? Спасибо!

1 ответ

  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 файлы..) в той же папке (www) в phonegap: возможно, это не правильное решение, но оно работает хорошо.