Dynamically create Jquery Mobile Navbar from JSON data

Question

I'm trying to dynamically create a navbar from data i fetch from a web api serving json data. Here's the code: https://gist.github.com/2962277 If i use:

• One
• Two

directly in html code works fine, but this is not what im looking for. I want to be able to create the list elements from the data in the like the code in gist show. Anyone could point me in the right direction? JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Once you have concocted your HTML for the navbar widget, you simply call .trigger('create') on the widget: var myNavbar = $('

• One
• Two

'); $('#some-container').append(myNavbar).trigger('create'); Here is a demo: http://jsfiddle.net/Jde95/ This will trigger jQuery Mobile to initialize the widget. For Example: var url = "http://23.21.128.153:3000/regions.json";var jsonresults; $.getJSON(url,function(data){ var output = []; $.each(jsonresults, function(i,v){ output.push('' + jsonresults[i].name + ''); }); $('#main-content').append('

' + output.join('') + '

').trigger('create'); }); Notice how I concocted the HTML, and used the .append() function.