several html pages with phonegap

several html pages with phonegap

Hi there,

I still work such a few days with jquery mobile. So my first question is how and if it is possible to use several javascript files .

For now I'm using a demo application from http://jquerymobile.com/ website which creates css, js and html code. But here only one html site is created. If I want to link to a second html page, I tried to use a seconf js files for that page but js is not loaded only the first loaded js files from index.html page is active, which can be used on different html pages.

So is it possible that only one local  js file can be loaded on a phonegap app?

I tried the following simple thing:

second.js:
  1. //...
  2. $( '#content1' ).live( 'pageshow',function(event, ui){
      alert( 'This page was just shown: '+ ui.nextPage);
    });

  3. //...
html file for "second.js" file:

  1. //...
  2. </div>
      <div data-role="content" id="content1">
      <a data-role="button" data-theme="a" href="article.html" data-icon="refresh" data-iconpos="left" class="ui-btn-right" id="refresh1">refresh</a>
      </div>
    </div>



  3. //...



But here in that simple alert message is not shown if that page comes in view?

What's the error in that script or have I to use another method in that situation?