Add jQuery Mobile UI Elements via javascript

Question

I am using jQuery Mobile. Currently I am dynamically adding a custom header using javascript to the html file. I would like to add a jQuery mobile header using javascript, by appending it to the DOM. Adding this to the .html code directly is no option.

How could this be done?

alonisser · Accepted Answer · 2011-12-11 18:23:36Z

1

not sure I understand the question. do you mean something like:

<script type="text/javascript">

document.addEventListener('yourevent',function(){
    script = document.createElement('script');
    script.src = 'path/to/your/jquery script src';
    script.type = "text/javascript";
    document.getElementsByTagName('head')[0].appendChild(script);
},false);

</script>

edited Dec 11, 2011 at 18:23

answered Dec 11, 2011 at 18:10

alonisser

12.2k21 gold badges89 silver badges144 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

alonisser Over a year ago

oops had a type in getElementsByTagName - fixed!

Hendrik Over a year ago

thanks for the idea. I am trying to add a jquery mobile object to the DOM. jQuery mobile adds special css rules/formating to objects when the website is loaded. Adding all the properties is tedious. For instance the list has the function listview() of doing so.

alonisser Over a year ago

could you refine what exactly do you mean in "jquery mobile object"

Hendrik · Accepted Answer · 2011-12-12 14:11:10Z

0

Answer:

-> Load the js file that has the document ready function for creating the DOM elements before the jquery mobile js. -> Simply change this in the header of the .html file.

answered Dec 12, 2011 at 14:11

Hendrik

4,9497 gold badges48 silver badges51 bronze badges

Collectives™ on Stack Overflow

Add jQuery Mobile UI Elements via javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related