Example ng jQuery Mobile

Pahina ng jQuery Mobile

Pangunahing mobile web
Maraming pahina
Dialohgo

Paliwanag ng Halimbawa

Paglilipat ng Pahina ng jQuery Mobile

Epekto ng pagbubuwal at pagpapakita
Epekto ng paglilipat ng pahina
Epekto ng paglibot
Epekto ng pagbukas ng bintana
Epekto ng paglipat
Epekto ng pagbubuwal sa paglipat
Epekto ng pagtaas ng paglipat
Epekto ng pagbaba ng paglipat
Epekto ng paglilipat ng pahina
Walang epekto ng paglilipat
Epekto ng pagbaligtad

Paliwanag ng Halimbawa

Button ng jQuery Mobile

Lumikha ng pindutan
Pindutan na nakalagay sa linya
Pindutan na pinagkakasama
Pindutan ng bakas
Pindutan na may at walang malaking sulok
Maliit at pangkaraniwang laki ng pindutan
Pindutan na may at walang silya

Paliwanag ng Halimbawa

Ikon ng jQuery Mobile pindutan

Idagdag ang ikon sa pindutan
Ilocate ang ikon
Ipakita lamang ang ikon

Paliwanag ng Halimbawa

Toolbar ng jQuery Mobile

Lumikha ng header at footer
Magdagdag ng pindutan sa header
Add Button to the Left of Header
Add Button to the Right of Header
Footer with Button
Footer with Centered Button
Footer with Group Button
Footer with Horizontal Group Button
Inline Positioning - Header and Footer Are Inline with Page Content
Fixed Positioning - Header and Footer Remain at the Top and Bottom of the Page
Fullscreen Positioning - Page and Footer Sections Located at the Top and Bottom, But Still on Page Content

Paliwanag ng Halimbawa

Navbar ng jQuery Mobile

Create a Navigation Bar
Navigation Bar in Content
Navigation Bar in Footer
Add Selected Appearance (Pressed) to Button in Navigation Bar
Add Selected Appearance (Pressed)
Locate Icon in Navigation Bar
Demonstrate Ten Buttons in the Navigation Bar

Paliwanag ng Halimbawa

Collapsible ng jQuery Mobile

Create a Content Collapsible Block
Expand Content When Page Loads
Nested Collapsible Blocks
Collapsible Collection (Accordion)
Remove the Rounded Corner of the Collapsible Block
Make the Collapsible Block Smaller
Change the Icon of the Collapsible Block
Collapsible List
Collapsible Form

Paliwanag ng Halimbawa

Grid ng jQuery Mobile

Two-column Layout
Three-column Layout
Four-column Layout
Five-column Layout
Custom Grid
Multi-line in Column

Paliwanag ng Halimbawa

jQuery Mobile List

Create a List View
Rounded List View
List Separator
Automatic Separator
Create a Search Filter
Change Text in Search Box
Create a Read-Only List
Add Thumbnail to List Item
Fill an Information List with Standard HTML
Add Icon to List Item
Create a List with Separator Button
Enhance the Functionality of List Items
Create a Counter Bubble
Change the Default Link Icon of List Items
Collapsible List
Create a Calendar

Paliwanag ng Halimbawa

jQuery Mobile Form

Text Input
Text Box
Search Input
Radio Button
Checkbox
Horizontal Combination of Radio Buttons and Checkboxes
Field Container with Radio Buttons and Checkboxes
Preselected Radio Buttons and Checkboxes
Create a Selection Menu
Create a Selection Menu with Separator (optgroup)
Customize Selection Menu
Select Multiple Options in Selection Menu
Composite Selection Menu
Horizontal Composite Selection Menu
Preselect an Option
Collapsible Form
Create a Slider Control
Highlight the Track of the Slider Value
Range Slider (Dual)
Create a Toggle Switch
Preselect a Toggle Switch

Paliwanag ng Halimbawa

Theme ng jQuery Mobile

Theme "a"
Theme "b"
Theme "c"
Theme "d"
Theme "e"
Themed Header, Content, and Footer
Themed Dialogs
Themed Buttons
Themed Icons
Themed Buttons in Header and Footer
Themed Navigation Bar
Themed Collapsible Button and Content
Themed List
Themed Split Button
Themed Collapsible List
Themed Form
Themed Collapsible Form
Customize Theme

Paliwanag ng Halimbawa

Event ng jQuery Mobile

Tap 事件
Taphold 事件
Swipe 事件
Swipeleft 事件
Swiperight 事件
Event ng Scrollstart
Event ng Scrollstop
Event ng Orientationchange - Nagtutulak sa direksyon
Event ng Orientationchange - Nagtatakda ng iba't ibang estilo para sa horizontal at vertical na direksyon
Event ng Pagpapatupad ng Pahina
Event ng Pagpapasok ng Pahina
Event ng Paglilipat ng Pahina

Paliwanag ng Halimbawa