Embed Jquery mobile into non-Jquery Mobile enable page
Hello,
I am using an online web design tool to build mobile desktop/mobile enabled pages. I don't have access to the html/javascript code being generated by the the tool but am able to insert my own html snippets within the page. I would like to extend the pages capabilities by allowing me to make it Jquery Mobile capable. Within the snippets I am able to embed both standard HTML and JS, Jquery code to alter elements within the DOM but am not clear on the best direction to do the following:
- Insert the Jquery Mobile libraries and CSS into the head of the document and force them to load Beforepageload.
Unless I'm I wrong by doing this I would be able to embed additional HTML snippets that add additional Jquery mobile capabilities to the page. I have already experimented with utilizing an iFrame, referencing an external Jquery mobile page, but am not completely satisfied with the results due to the following:
- I need to manage the resizing of the iframe
- It is completely detached from the page in which it is embedded.
Can anyone provide an example of the required code to address the above requirement or offer any advice or input as to how I might best achieve my requirements.
Thanks,
Don