One Jquery Mobile Document Containing many page references? [SOLVED]

One Jquery Mobile Document Containing many page references? [SOLVED]

I have a regular website containing over 70 php files which I'm now developing into a mobile version to run alongside.

Opinion seems divided as to what is best practice - one index.php/index.html file containing all pages or several html/php files refered to from within the index file.

Any ideas on how to approach this large website?

Also, If I link to an external file, data-transition="fade" no longer works when a page moves into view. How can I maintain data-transitions when external links exist?