Tag: mobile

检测touchstart / touchend是否取消了滚动(动量滚动)

我倾听touchstart和touchend事件,以使我的应用程序对移动设备更具响应性。 问题是,如果你“轻弹滚动”(即使手指离开屏幕后页面仍然滚动),然后点击停止滚动 – 如果在你触摸的元素上附有touchend事件,它将触发。 我需要一种方法来检测touchstart或touchend是否已停止滚动,所以我可以停止任何事件发射。 我尝试在滚动上设置一个变量(我注意到滚动事件在滚动完成后才会触发,即页面在动量滚动时停止): $(window).scroll(function(){ cancelled_scrolling = true; setTimeout(function(){ cancelled_scrolling = false; },200); }); 然而,当我点击它时,似乎touchend在.scroll()事件之前触发,因为这不起作用: $(‘body’).on(‘touchend’, function(){ if(cancelled_scrolling){ alert(‘ahahahah’); return false; } //code to trigger events depending on event.target after here }); 我该怎么做到这一点? 编辑: 找到了答案 – step1 – 在touchend step2上保存scrollTop – 在touchstart上,检查已保存的scrollTop对新的scrollTop 如果它们不匹配,即使在touchend事件发生后页面也会滚动

jQuery Mobile Form Validation

我有一个移动网站,除validation外,一切正常。 基本上我想从用户那里获取值,然后在单独的页面上处理它们(process.php)。 但是,在这之前我需要检查以确保已填充字段。 我已经看了几种方法来做到这一点,但似乎都没有工作。 我现在有以下代码。 当我按下进程按钮时,它会将我带到process.php启动画面,即使item字段为空。 它不会写入数据库,但我宁愿它没有将用户带到process.php屏幕,直到填写了所有必填字段。任何想法? $(document).ready(function(){ $(“#formL”).validate(); }); * Item: Process

jQuery Mobile多选框

因此,多选框不是最好的输入,但它们有时可能是好的。 在我的jQuery移动设备中,他们创建了一个对话框,用页面覆盖用户可以选择的所有选项。 Choose shipping method: Standard: 7 day Rush: 3 days Express: next day Overnight 好了,我现在遇到的问题是我需要在底部添加一个关闭按钮,因为动态填充列表对于移动页面可能会变得非常长。 只有顶部的关闭按钮,它不是很好。 有没有办法将页脚附加到使用multiselect创建的对话框? 我似乎无法在jQM API中找到它。

JQuery Mobile 文本长度

我正在使用JQuery Mobile,并且带有一些长文本(A Description)。 我的问题是它只显示几个单词后跟“……”(3个点) 我怎样才能让它显示整个字符串?

Javascript在方向更改后获得移动屏幕宽度

我正在捕获orientationchange事件,如下所示: $(window).bind( ‘orientationchange’, function(e){ }); 如何在orientationchage之后获得新的屏幕宽度和高度(以像素为单位)? 我已经尝试过screen.width但这并没有改变,它仍然是初始宽度,即使在方向改变之后。

动态加载的phonegap.js问题

我正在尝试动态加载phonegap javascript文件(这样我可以选择在我使用Ripple时不在调试模式下加载它)但我正在遇到一些问题。 我使用普通的脚本标记加载jquery和jquerymobile javascript库。 在另一个脚本块中,我做: function onDeviceReady() { alert(“Device Ready!”); } $(document).ready(function() { alert(“doc ready!”); $.getScript(“js/phonegap.0.9.5.1.js”, function() {alert(“Got Phonegap!”);}); document.addEventListener(“deviceready”, onDeviceReady, false); }); 此代码警告它“Get Phonegap!” 但从不警告“设备就绪”。 使用jsconsole.com,我可以看到PhoneGap javascript对象存在。 但是,尝试调用device.uuid(或其他简单的phonegap API调用)失败 。 这几乎就像PhoneGap没有完全初始化。 看起来不应该是这种情况。 我错过了什么吗? 谢谢!

如何从Android移动设备键盘获取keyCodes?

目前,我在移动设备上遇到问题。 我有一个输入字段,其中只允许按下某些键:例如,只有数字0-9。 它在Web浏览器上运行得很棒。 但是当我在我的Android移动设备中打开它时,它会失败。 我用过keyup和keypress 。 keyup正在运行但我想知道哪个键从移动键盘触发了事件。 我怎么会这样?

jquery移动点击事件触发两次

我有一个简单的JQuery移动应用程序的问题。 这一切都归结为点击事件两次触发。 没有类似问题的解决方案解决了这个问题。 无论是部署到设备还是在浏览器中显示,都会出现问题。 这是代码 $(document).bind(“mobileinit”, function () { $.support.cors = true; $.mobile.allowCrossDomainPages = true; }); $(“#ButtonSubmit”).click(function () { alert(‘Clicked’); });

在JQuery移动UI中禁用散列更改控制器并替换为backbone.js

我正在使用JQuery Mobile UI ,widgit工具包很不错。 但是我也在使用backbone.js,它带有一个非常整洁的hashchange控制器框架。 问题是JQuery Mobile UI有一个内置的糟糕的哈希变更控制器,假设你总是希望对每个哈希变化进行AJAX查询并从服务器加载内容。 从JQuery Mobile UI中拔出小部件框架是否有任何成功?

JQueryMobile Loadmore选项

任何想法如何在JQueryMobile中实现加载更多选项。 在我的应用程序中,我需要提取大量数据,并希望通过单击Listview的最后一行上的“加载更多”数据选项来加载前20并使用户加载更多数据。