مثال jQuery Mobile

صفحات jQuery Mobile

صفحة هاتف محمول أساسية
صفحات متعددة
نافذة الحوار

توضيح الأمثلة

انتقالات jQuery Mobile

تأثير الظهور والاختفاء
تأثير التبديل الصفحة
تأثير التدفق
تأثير النافذة المنبثقة
تأثير السحب
تأثير الظهور بالسحب
تأثير السحب إلى الأعلى
تأثير السحب إلى الأسفل
تأثير التبديل الصفحة
بدون تأثير انتقال
تأثير العكس

توضيح الأمثلة

أزرار jQuery Mobile

إنشاء زر
زر داخلي
أزرار مجموعة
زر التراجع
أزرار مع زوايا متموجة وأزرار بدون زوايا متموجة
أزرار صغيرة وذات حجم عادي
أزرار مع ظلال وأزرار بدون ظلال

توضيح الأمثلة

أزرار jQuery Mobile رموز

إضافة رمز إلى الزر
تحديد موقع الرمز
إظهار الرمز فقط

توضيح الأمثلة

شريط الأدوات jQuery Mobile

إنشاء رأس الصفحة وأقسام القدم
إضافة زر في العنوان
في الصفحة العلوية إضافة زر إلى اليسار
在页眉中向右侧添加按钮
带有按钮的页脚
带有居中对齐按钮的页脚
带有分组按钮的页脚
带有水平分组按钮的页脚
行内定位 - 页眉和页脚与页面内容行内定位
固定定位 - 页眉和页脚将保留在页面的顶部和底部
全屏定位 - 页面和页脚分班位于顶部和底部，但仍然在页面内容上

توضيح الأمثلة

شريط التوجيه jQuery Mobile

创建导航栏
在内容中的导航栏
在页脚中导航栏
在导航栏中为按钮添加被选外观（被按下）
添加被选外观（被按下）
在导航栏中定位图标
演示在导航栏中的十个按钮

توضيح الأمثلة

قابلة للطي jQuery Mobile

创建内容可折叠块
当页面加载时展开内容
嵌套的可折叠块
可折叠集合（手风琴）
删除可折叠块上的圆角
使可折叠块更小
改变可折叠块的图标
可折叠列表
可折叠表单

توضيح الأمثلة

شبكة jQuery Mobile

两列布局
三列布局
四列布局
五列布局
自定义网格
列中的多行

توضيح الأمثلة

jQuery Mobile 列表

创建列表视图
带有圆角的列表视图
列表分隔符
自动分隔符
创建搜索过滤器
改变搜索框中的文本
创建只读列表
向列表项添加缩略图
使用标准 HTML 来填充带有信息的列表
向列表项添加图标
创建带有分隔按钮的列表
增强列表项的功能性
创建计数泡泡
改变列表项的默认链接图标
可折叠列表
创建日历

توضيح الأمثلة

jQuery Mobile 表单

文本输入
文本框
搜索输入
单选按钮
复选框
对单选按钮和复选框进行水平组合
带有单选按钮和复选框的域包含器
预选的单选按钮和复选框
创建选择菜单
创建带有分隔符的选择菜单 (optgroup)
自定义选择菜单
在选择菜单中选取多个选项
组合选择菜单
水平组合选择菜单
预选一个选项
可折叠表单
创建滑块控件
突出显示截至滑块值的轨道
范围滑块（双重的）
创建切换开关
预选一个切换开关

توضيح الأمثلة

وظائف jQuery Mobile

主题 "a"
主题 "b"
主题 "c"
主题 "d"
主题 "e"
主题化的页眉、内容和页脚
主题化的对话框
主题化的按钮
主题化的图标
页眉和页脚中的主题化按钮
主题化的导航栏
主题化的可折叠按钮和内容
主题化的列表
主题化的划分按钮
主题化的可折叠列表
主题化的表单
主题化的可折叠表单
定制主题

توضيح الأمثلة

أحداث jQuery Mobile

Tap 事件
Taphold 事件
Swipe 事件
Swipeleft 事件
Swiperight 事件
حدث بدء التمرير
حدث توقف التمرير
حدث تغيير الاتجاه - إشارة الاتجاه
حدث تغيير الاتجاه - ضبط أنماط مختلفة للأجهزة الأفقية والعمودية
حدث بدء تحميل الصفحة
حدث تحميل الصفحة
حدث انتقال الصفحة

توضيح الأمثلة