JQuery JQueryMobile: Difference between revisions

Revision as of 19:36, 1 June 2014

jMobile web pages consist of different pages:

<div data-role="page" id="p1">content p1</div> 
 <div data-role="page" id="p2">content p2</div>

$() is short of jQuery()
getting attributes of elements: $('<element name>').attr('<attribute name>')
setting attributes of elements: $('a').attr({<attribute name>: '<value>', <attribute name>: '<value>'});
id names are prefixed with #
class names are prefixed with .

data-position="fixed"

data-inset="true" // creates margins around the list within a content area

data-theme="[a|b|c]" define standard colors and fonts

data-icon="[home|grid|info]"
data-iconpos="notext"
data-transition="slidedown" // defines the optical transition to another page

data-native-menu=[true|false]" // enables self customization of select optic

data-role="listview"
data-filter="true" // makes the list searchable

@@ Line 11: / Line 11: @@
 *setting attributes of elements: $('a').attr({<attribute name>: '<value>', <attribute name>: '<value>'});
 *id names are prefixed with '''#'''
+*class names are prefixed with '''.'''
 ===data roles===