Home/ Questions/Q 6834461
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T23:06:53+00:00

I understand that I can handle the pageinit() or other events to execute JavaScript

  • 0

I understand that I can handle the pageinit() or other events to execute JavaScript for a newly loaded page, but that requires me to have the actual JavaScript exist or be reference from the Main page.

How can I include scripts at the bottom of a sub page, and have it execute on load of the page?

I tried to set the sub page’s function to a global variable (I know it’s dirty), but even that doesn’t seem to work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Found the answer myself. It looks like the JavaScript on the child page needs to be inside the “page”, not just inside the body tag:

    <body>
    <div data-role="page" data-title="My Subpage">
        <p>Awesome content!</p>
        <!-- DO put your JavaScript here. -->
        <script type="text/javascript">
            alert('This works');
        </script>
    </div>
    <!-- DON'T put your JavaScript here. -->
    <script type="text/javascript">
        alert('This doesn't work');
    </script>
</body>

    Pro tip:
    It looks like any script inside the body but outside the “Page” element, even on the main page (first loaded page), don’t get executed!!! So even if you disabled the AJAX loading/transitions of jQuery mobile, the default page rendering still kills those scripts.

    • 0