教 程 目 录
jQuery Mobile Tutorial
JQuery Mobile是一个用户界面框架,构建于jQuery Core之上,用于开发响应式网站或应用程序.可在移动设备,平板电脑和桌面设备上访问.它使用jQuery和jQueryUI的功能为移动Web应用程序提供API功能.本教程将教您jQuery Mobile框架的基础知识.我们还将讨论与jQuery Mobile相关的一些详细概念.
Audience
本教程是为初学者准备的,以帮助他们理解基本的jQuery Mobile框架.完成本教程后,您将发现自己在jQuery Mobile框架中具有中等水平的专业知识,从那里您可以将自己带到下一个级别.
先决条件
jQuery Mobile框架基于JavaScript编程语言.因此,如果您对JavaScript编程有基本的了解,那么学习jQuery Mobile框架会很有趣.
本文地址:https://www.itbaoku.cn/tutorial/jquery_mobile-index.html
相关问答
如何使用jQuery Mobile禁用编码的按钮?
Value [注意:我想禁用编码中的按钮,而不是在设计时间中] 解决方案 实时示例: http://jsfiddle.net/lhg4l/5/5/ /p> html:
JS: $('#theButton').attr('disabled',true); 更新: 链接按钮示例: http://jsfiddle.net/grlyq/6/ JS var clicked = false; $('#myButton').click(function() { if(clicked === false) { $(this).addClass('ui-disabled'); clicked = true; alert('Button is now di
)
我想根据AJAX结果打开对话框. 如何从.js文件创建/打开对话框? 任何人帮助我. 预先感谢. 解决方案 如果您只是链接到这样的文件: Open dialog 无论如何,它是用ajax完成的,并为具有较小JS支持的人提供了很好的降解. 您想做的方式: 为您的内容创建包装div,并给它一个data-role=dialog属性,然后在其上调用.dialog(),或者.page()如果对话框不起作用. 更新: 使用JQMBETA2,他们引入了一个"创建"事件,您必须在内容上触发它而不是使用.page 其他解决方案 不知道这篇文章是否仍然相关,但我这样做了: function openDialog(strPageId, strTransition){ $.mobile.changePage($("#"+strPageId+":jqmData(role='dialog')"), {transition : ""+strTransition+""}); } ,然后无论何处,您都可以在按钮或代码中调用它.
)
在同一html页面中,我需要使用jquerymobile( www.jquerymobile.com )并绘制一个简单的图表使用JQPLOT JS库( www.jqplot.com ). 我认为我在jqplot和jquerymobile之间存在冲突问题,因为没有显示图表.但是,如果我评论jquerymobile脚本,图表就会可见. 这是我的HTML代码的一部分: [...head...]
)
我想在我的 jquery 移动项目中使用 jAlert. 下面是我的代码.目录结构非常好. 我收到以下错误. “未捕获的类型错误:无法读取未定义的属性‘msie’" 我错过了什么吗? 如何在 jQueryMobile 中使用 jAlert 任何示例? 解决方案 根据$.bro
)
任何想法如何在jquerymobile中实现更多选择.在我的应用程序中,我需要绘制大量数据,并希望通过单击ListView的最后一行的"加载更多"数据选项来加载TOP 20并使用户加载更多数据. 解决方案 这应该有效: $('#loadmore-link').click(function() { // remove the "load more" link $(this).remove(); // get more LI elements (probably with a $.get()) $('ul').append('More list items
'); // update the list view $('ul').listview('refresh'); });
)
我已经在Phonegap(Cordova)上构建和应用程序,并在此过程中遇到了很多困难.因此,我认为我的下一个构建将与JQuery Mobile一起使用. 我想知道是否有人有两者的经验并且有建议或偏好? 解决方案 JQM只是帮助您构建针对移动设备优化的网页/应用程序,但是它仍然只是一个网页.在iOS上,您可以将Web应用程序固定到主屏幕上,该应用程序在单击/敲击时打开单独的浏览器实例,并提供一些可以使您的Web应用程序看起来更像本机应用程序的元标记(例如,您可以隐藏隐藏屏幕顶部的状态栏并提供溅出屏幕).但是,在Android上(至少在ICS上,不知道Jelly Bean),虽然您可以将Web应用程序固定在主屏幕上,但它可以用作快捷方式,并将其作为浏览器中的另一个标签打开.我不确定Windows手机上的Web应用程序有哪些选项. PhoneGap只是为您的Web应用程序构建使用WebView(浏览器实例)的本机应用程序包装器,并让您访问设备API. 基本上,这两个不是互斥的,您可以使用JQM构建Web应用程序,并将其包装在Phonegap中(您可能仍然会遇到以前遇到的任何困难),或者您可以跳过电话播放部分,但是您的Web应用程序仍然只是一个Web应用程序,即网页(在Android上比iOS更明显). 其他解决方案 我会推荐钛,从 http://app
)