Tag: jquery mobile

如何在jQuery Mobile(iOS)中禁用Anchor的默认行为

我正在使用PhoneGap和jQM为iPhone和iPad构建应用程序 它运行正常,但是当我在设备上运行它(没有尝试模拟器)并长按时,我会在普通浏览器中获得默认的iPhone菜单以打开或复制链接。 如何在我的应用中禁用此默认function? 我试过这些没有成功: $(“a”).click(function(event) { event.preventDefault(); // long press menu still apear }); $(“a”).bind(‘click’,function(event) { console.log([‘preventingclick’,event.type]); event.preventDefault(); // long press menu still apear }); 如果我绑定’taphold’我仍然会在长按时看到菜单,但是在我点击取消后我看到控制台日志:[“防止长按”,“taphold”] $(“a”).bind(‘taphold’, function(event) { console.log([‘preventing long press’,event.type]); event.preventDefault(); // long press menu still apear }); 如果我在’taphold’事件上使用委托代码如下: $(“a”).delegate(‘taphold’, function(event) { console.log([‘preventing long press’,event.type]); event.preventDefault(); }); 将解决问题,但我不能再附加任何事件,因此我的按钮之后将不起作用。 $(‘#btnLink’).bind(“click”, function() { $.mobile.changePage(‘mypage’, ‘slide’); […]

jQuery mobile中的底部导航栏看起来像iPhone导航栏,可能吗?

我使用jQuery mobile创建了我的网站,我想构建相同的底部工具栏,如下图所示。 有人能指出我正确的方向吗? jQuery mobile提供的默认导航栏没有提供相同的外观。 以下是jQuery移动导航栏: http : //jquerymobile.com/test/#/test/docs/toolbars/docs-navbar.html

jQuery Mobile pageinit / pagecreate没有触发

我有5页 – 为了方便我们说: one.html two.html three.html four.html five.html 当我加载每个页面时, pageinit和pagecreate都正确触发。 问题: 当我从one.html转到two.html时, pageinit和pagecreate都会触发,但是当我回到one.html(来自two.html)时, pageinit和pagecreate不会触发。 为什么这样,我怎么能总是在页面加载时pageinit和pagecreate ,以及浏览每个页面? 更新: 对于我有的每个页面: // content 为了测试事情发生时的顺序我做: $(document).on(‘pagecreate’,'[data-role=page]’, function(){ console.log(‘PAGECREATE’); }); $(document).on(‘pageinit’,'[data-role=page]’, function(){ console.log(‘PAGEINIT’); }); $(document).on(‘pagebeforeshow’,'[data-role=page]’, function(){ console.log(‘PAGEBEFORESHOW’); }); $(document).on(‘pageshow’,'[data-role=page]’, function(){ console.log(‘PAGESHOW’); }); 如何使用pagechange始终调用pageinit和pagecreate

禁用jQuery UI datepicker的焦点设置

jQuery UI datepicker有一个选项,只在单击按钮图像时打开日期选择器。 请参阅以下示例: http://jqueryui.com/demos/datepicker/#icon-trigger 问题是,一旦datepicker打开,焦点就在文本字段中。 是否可以禁用焦点设置? 在像iPhone这样的移动设备上使用上述页面时,会弹出键盘,因为文本字段会获得焦点。 这不是真正的用户友好,因为您必须关闭键盘才能真正到达日期选择器并使用它…

触发jQuery移动点击事件两次

我用jquery移动’tap’事件进行测试,发现每次触发都会触发两次 。 html页面的代码如下: Demo #box{ background-color:red; width:200px; height:200px; } tapped me $(document).ready(function() { $(‘#box’).bind(‘tap’,function(event) { alert(‘why’); }); }); 更具讽刺意味的是,当我通过jsfiddle进行测试时,它只会将事件触发一次 。 这是链接。 http://jsfiddle.net/mochatony/tzQ6D/6/ 经过进一步测试后,我发现将javascript放在标题部分已经消失了。 Demo #box{ background-color:red; width:200px; height:200px; } $(document).ready(function() { $(‘#box’).bind(‘tap’, function(event) { alert(‘halo’); }); }); tapped me 我无法解释为什么身体和标题部分的位置使这个不同。

如何在Jquery Mobile中的两个页面之间传递和获取参数?

我正在开发一些演示App来学习Jquery Mobile中的东西。 我尝试了很多选项,但无法解决一些问题: – http://jsfiddle.net/sahil20grover1988/zZMXQ/48/在这种情况下,当我在索引页面中添加带有URL的 参数时 ,它不会指向搜索页面 如果我没有将Params添加到Index页面,那么如何将params从Index页面传递到Search页面 。 另外我需要帮助如何在搜索页面中检索Params ?

使用滑动手势来更改多页jQuery移动应用程序中的页面

有没有办法在jQuery Mobile多页面模板移动网站/应用程序上实现滑动手势导航? 我可以将一个死的简单构造放在一起,如下所示: $(“body”).bind(“swipeleft”, function(e) { $.mobile.changePage( ‘about.html’, { transition: “slide” }); 但是当我开始使用锚标签(多页JQM样式)时,该事件不起作用: $(“body”).bind(“swipeleft”, function(e) { $.mobile.changePage( ‘#points2’, { transition: “slide” }); 是否有适合的解决方法或者我是否必须放弃多页设置才能使其正常工作?

Jquery mobile .click在新页面访问时多次触发

所以我使用Jquery mobile取得了巨大的成功,除了一个问题。 现在每当用户导航动态内容页面时,无论显示什么内容,底部总会有一个按钮,当点击时,将内容通过电子邮件发送到指定的地址; 效果很好。 现在,第一次加载页面时,单击会触发一次事件。 在第二次访问,它开了两次,第三次,等等,你得到了重点。 我已经搜索了网络,并实现了我可能遇到的每一个修复,例如使用“pagecreate”而不是“pageinit”,绑定,取消绑定,删除div,关闭DOM中的缓存但没有任何作用。 我唯一的成功就是在点击时使用.one() ,但如果再次点击则需要触发它。 这是结构。 我必须使用.js文件加载每个文件以启动它 $( “#page” ).live( “pageinit”, function() { 现在我将电子邮件function和其他内容放在一个文件中,但它更容易将它们分开,我听说无所谓。 现在,这是在pageinit调用的电子邮件function $(‘.eb’).live(‘click’, function() { var id = $(‘.eb’).attr(‘id’); var to = $(‘#recipient’).val(); var message = $(‘#email’).html(); var atpos = to.indexOf(“@”); var dotpos = to.lastIndexOf(“.”); if (atpos < 1 || dotpos = to.length) { alert(‘Please enter a valid […]

什么是浏览器/手机检测的可用解决方案

我正在为各种移动平台创建一个phonegap应用程序,我想知道当前最好的浏览器/手机检测解决方案是什么? 我应该使用服务器或客户端检测,还是可以通过媒体类型屏幕宽度使用css解决方案?

如何在另一个页面上重定向并从表中传递url中的参数?

如何在另一个页面上重定向并从表中传递url中的参数? 我在tornato模板中创建了这样的东西 Username Nation Rank {% for result in players %} {{result[‘username’]}} {{result[‘nation’]}} {{result[‘rank’]}} {% end %} 我希望当我按下详细信息重定向/player_detail?username=username并显示该播放器的所有细节。 我尝试使用href=”javascript:window.location.replace(‘./player_info’);” 在输入标签内部,但不知道如何将结果[‘用户名’]放入。如何做到这一点?