Adobe Animate to Phonegap Jquery Mobile App (Ajax/Data-Role Issues)

I am creating a phonegap app utilizing the exported html5/js from adobe animate. It will be a "Multi Page Jquery App" with the Animation being the first page.  After the animation stops, 3 buttons will show. My goal is for app user to click on any one of the buttons in the animation (animation is page1 of data-role) and to link to any one of the other 3 pages within the multi page index file. Everything is within that one index.html file.

The first page is id=page1 (which includes the animation exported from adobe animate), then there is a id=page2, id=page3, id=page4.

Out of all the buttons in the animation, only the one that links to id=page2 works. The other buttons that link to page3, and 4 do not work. The page2 button works perfectly. Is there something I need to add to my index.html document or is the problem within the animaton buttons?

Actionscript for each button:

this.BUTTON1.addEventListener("click", fl_ClickToGoToWebPage_7);
function fl_ClickToGoToWebPage_7() {
window.open("#page3");
}