tabs

by Akram kamal

HTML

<div id="wrapper">

</div>

JavaScript

$( document ).on('pagebeforecreate',function() {

	var html = '<div data-role="tabs">'
				+ '<div data-role="navbar">'
					+ '<ul>'
						+ '<li>'
							+ '<a href="#a">A</a>'
						+ '</li>'
						+ '<li>'
							+ '<a href="#b">B</a>'
						+ '</li>'
					+ '</ul>'
				+ '</div>'
				+ '<div id="a">'
					+ '<ul data-role="listview" data-inset="true">'
						+ '<li>'
							+ 'Teste 1'
						+ '</li>'
						+ '<li>'
							+ 'Teste 2'
						+ '</li>'
					+ '</ul>'
				+ '</div>'
				+ '<div id="b">'
					+ '<ul data-role="listview" data-inset="true">'
						+ '<li>'
							+ 'Teste 3'
						+ '</li>'
						+ '<li>'
							+ 'Teste 4'
						+ '</li>'
					+ '</ul>'
				+ '</div>'
			 + '</div>';
    
   $(html).appendTo('#wrapper').tabs();
    
});