JQTouch - Versionsgeschichte

91.47.253.159: /* Konventionen */

2011-04-21T16:00:30Z

Konventionen

94.216.237.174: /* Konventionen */

2011-04-21T09:59:28Z

Konventionen

94.216.237.174 am 21. April 2011 um 09:39 Uhr

2011-04-21T09:39:44Z

Neue Seite

== Einleitung ==
Auf jQuery basierendes Framework für Smartphones

== Links ==
http://blog.peepcode.com/tutorials/2009/jqtouch-cheat-sheet

== Kurzanleitung ==
=== Einrichten ===
<pre>
<style type="text/css" media="screen">@import "../../jqtouch/jqtouch.min.css";</style>
<style type="text/css" media="screen">@import "../../themes/jqt/theme.min.css";</style>
<script src="../../jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
</pre>
=== Initialisieren ===
Siehe hierzu auch die Demos

<pre>
<script type="text/javascript" charset="utf-8">
var jQT = new $.jQTouch({
icon: 'jqtouch.png',
addGlossToIcon: false,
startupScreen: 'jqt_startup.png',
statusBar: 'black',
preloadImages: [
'../../themes/jqt/img/back_button.png',
'../../themes/jqt/img/back_button_clicked.png',
'../../themes/jqt/img/button_clicked.png',
'../../themes/jqt/img/grayButton.png',
'../../themes/jqt/img/whiteButton.png',
'../../themes/jqt/img/loading.gif'
]
});
</pre>

=== Konventionen ===

← Nächstältere Version		Version vom 21. April 2011, 16:00 Uhr
Zeile 63:		Zeile 63:
	div.info		div.info
	A styled div for auxiliary notes.		A styled div for auxiliary notes.
		+
		+	div.current
		+	the default container which is shown at first

← Nächstältere Version		Version vom 21. April 2011, 09:59 Uhr
Zeile 35:		Zeile 35:

	=== Konventionen ===		=== Konventionen ===
		+	Ausschnitte aus dem jQTouch Cheatsheet
		+
		+	a.back
		+	Just like native apps, pages are navigated in a stack. jQTouch handles backward navigation and animation if you include a back link in the toolbar.
		+
		+	Custom HTML
		+	Although jQTouch includes styling for many elements, you don't have to use them! Style up your own interfaces with HTML and CSS.
		+
		+	ul
		+	Lists make great menus or table-like displays. Add the rounded, plastic or edgetoedge classes to an unordered list for different styles.
		+
		+	Images
		+	Stock and freeware icons are easy to use and can make your app look great. A 12px square icon works best. Try Helveticons, Glyphish or Eddit.
		+
		+	li.arrow & li.forward
		+	Themes include classes for indicating the clickability of list items.
		+
		+	JavaScript Callbacks
		+	Use jQuery to attach to the tap event. Or bind to pageAnimationEnd to add your own custom page behavior.
		+
		+	h2
		+	Subtitles separate sections.
		+
		+	ul.individual
		+	This class styles unordered lists as half-width buttons.
		+
		+	div.info
		+	A styled div for auxiliary notes.