Articles of jquery mobile

scrollTop无法在Android手机中使用

我正在为Andriod移动应用程序开发聊天function,因为这是使用jQuery和jQuery移动主题前端。 我的问题是我正在尝试使用scrollTop()函数在底部追加新消息。 scrollTop()函数在所有浏览器中都运行良好,但在Andriod中它不工作..任何人对此都有任何想法。 这是HTML代码: Message: Send End Chat 这是用于scrollbuttom的jQuery代码: $(“#chatSendButton”).click(function() { var mes = $(“#messageText”).val(); $(“#incomingMessages”).append(“” +’Admin’+ “:” +” “+ mes + “”); $(“#incomingMessages”).scrollTop($(“#incomingMessages”)[0].scrollHeight); });

在单页面上应用触摸滑动,该页面是用于动态加载数据的页面吗?

我已经使用了一次又一次加载数据的单页。 正在使用相同的页面来加载数据; 即标题,照片和描述。 你可以帮助我,以便我可以在其中应用滑动function吗? 我正在构建像Pulse News这样的应用程序在滑动function上检查它。 我已经在phonegap,HTML5,CSS3和JavaScript以及jQuery mobile中构建了它。 我知道如何刷页面,哪里有多个页面,但只有一个页面动态加载数据,只有内容被更改,所以我应该如何添加滑动以便它可以在iPhone和Android上运行?

使用jQuery / Phonegap进行肥皂查询总是在Android上失败

我用jQuery mobile&Phonegap(现在的Cordova)开发了一个iPhone / Android应用程序。 这个应用程序使用不同的服务没有问题。 其中一个服务是Soap一个,所以我使用jsSOAPClient(jquery.jqSOAPClient.js)为jQuery请求服务。 我在iOS设备上没有任何问题,但查询总是在Android上失败。 在jsSOAPClient中,请求看起来像这样: function getResponse(xData, status) { if(!!callback) { SOAPClient.Status = xData.status; SOAPClient.ResponseText = xData.responseText; SOAPClient.ResponseXML = xData.responseXML; callback(xData.responseXML); } } $.ajax({ type: “POST”, url: SOAPClient.Proxy, dataType: “xml”, processData: false, data: content, complete: getResponse, beforeSend: function(req) { req.setRequestHeader(“Method”, “POST”); req.setRequestHeader(“Content-Length”, SOAPClient.ContentLength); req.setRequestHeader(“Content-Type”, SOAPClient.ContentType + “; charset=\”” + SOAPClient.CharSet + “\””); […]

无法在Android 2.3.3上的Phonegap应用中运行

我正在为Android和iOS开发Phonegap应用程序。 大多数东西工作得很好,但我遇到了标签的问题。 它通过jQuery mobile得到增强,在该版本的Android上,当点击/点击相应的div时,选项不会显示。 当我点击两次/点击时,它们会显示出来: 在包含的div上 在div上方的区域 在该场景中,选项显示,并且当选择更改事件时,将执行更改事件并执行代码绑定。 我发现了这两个Android问题: http : //code.google.com/p/android/issues/detail? id = 10280和http://code.google.com/p/android/issues/detail?id=6721 我尝试过那里提到的解决方法,但他们没有改变任何东西。 我仍然需要点击两次,但这不是我追求的行为。 我只需要点击一下。 问题仅存在于Android 2.3.3上,我认为也是旧版本。 在iOS和更新的Androids上,一切都运行得很好。 我整天都在努力解决这个问题并尝试了一切。 任何帮助,提示将非常感谢。 谢谢。

在Android上使用JQM和PhoneGap闪烁/闪烁

我在Android平台(版本2.3.3及更高版本)上为我的应用程序使用PhoneGap 2.2.0和jQuery Mobile 1.2.0。 在页面上我使用固定标题,根本没有过渡。 Rest是非常标准的jQuery。 当我从一个页面导航到另一个页面时,我会短暂地看到一个白色的闪烁(整个页面)。 我在网上搜了几个小时。 尝试下面失败: 我在互联网上发现了数十个CSS黑客攻击。 (例如: https : //github.com/jquery/jquery-mobile/issues/4024和https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0并在页面之间导航时闪烁 ) 。 我尝试切换固定标题(再次,我没有使用过渡效果).. 我试过jQuery Mobile 1.3.1。 (那里没有运气) 我没有尝试过的一件事是PhoneGap 2.3.0,但我没有在changelog中看到任何有趣的事情。 编辑:问题在PhoneGap 2.5.0上仍然存在。 当我在Android项目中关闭硬件加速时,闪烁消失了。 但是后来一些CSS样式出错了,整体表现非常糟糕(显然)。 我现在也尝试了下面的代码。 ui.page { -webkit-transform: translateZ(0); -webkit-perspective:1000; -webkit-backface-visibility: hidden; } 为了坏仍然没有运气。 还尝试了这个: https : //github.com/watusi/jquery.mobile.simultaneous-transitions在转换之前,仍然是一个简短的(全白页)闪烁。 它似乎与页面本身的animation转换无关,但是在卸载旧页面之后和加载新页面之前就发生了一些奇怪的事情。 更新25-04-2013:还尝试了: https ://groups.google.com/forum/?fromgroups =#! topic / phonegap / EtZ2KwseKQ0 https://github.com/jquery/jquery-mobile/issues/4024 https ://github.com/jquery/jquery-mobile/pull/4129 使眨眼消失的唯一方法是移除固定头部件。 […]

jQuery移动活动指示器未显示在android中

我尝试在我的应用程序中显示活动指示器。 我正在使用activity.js作为活动指标。 那个在浏览器和iPhone上运行良好但它在Android设备中不起作用。 我不知道为什么指标在Android设备中不起作用。 以下是我的活动指标示例代码: function showIndicator() { console.log(“inside show indicator”); applyOverLay(); var showIndicator = document.createElement(“div”); showIndicator.setAttribute(“class”, “activity-indicator”); document.body.appendChild(showIndicator); $(‘.activity-indicator’).activity({ width: 5, space: 1, length: 3, color: ‘#fff’ }); } function applyOverLay() { var overlay = document.createElement(“div”); overlay.setAttribute(“id”, “overlayAttr”); overlay.setAttribute(“class”, “overlay”); document.body.appendChild(overlay); } function hideindicator() { $(‘.activity-indicator’).activity(false); setTimeout(function() { $(“.activity-indicator”).empty().remove(); }, 0); setTimeout(function() { $(“.overlay”).empty().remove(); […]

Jquerymobile的Tap-hold在Opera移动小部件模拟器中不起作用

我尝试在其中一个演示中实现jquerymobile的Tap-holdfunction jQuery Mobile Events $( function() { $(‘body’).bind( ‘taphold’, function( e ) { alert( ‘You tapped and held!’ ); e.stopImmediatePropagation(); return false; } ); $(‘body’).bind( ‘swipe’, function( e ) { alert( ‘You swiped!’ ); e.stopImmediatePropagation(); return false; } ); } ); jQuery Mobile Events Try: Tapping and holding Swiping 但是在opera小部件模拟器中滑动根本不起作用,并且点击保持工作非常奇怪,当你点击两次然后滑动它不起作用时它可以正常工作。 我尝试删除绑定到滑动function,但没有变化。

phonegap,与服务器的连接失败

我正在尝试用phonegap编写一个Android应用程序,我正在编写一个带按钮的静态首页,直到我介绍了jQuery mobile和jQuery(它们作为外部文件链接)。 现在,它给了我这个错误信息(在它生成一个空白窗口30秒左右之后): 与“www / assets / index.html”连接到服务器失败 由于消息闪烁,我再也看不懂了。 有帮助吗?

如何在一个页面上禁用Android Back按钮并在每个其他页面上更改为退出按钮

我正在使用与我的Drupal站点交互的Phonegap开发一个Android应用程序。 我重新分配了Android“后退”按钮以提示用户从Drupal服务器注销,但是我只是想在登录页面上禁用它(原因很明显)。 我可以让它工作,但只有在用户注销然后登录页面上一次按钮仍然被重新分配为注销按钮。 这是我到目前为止的代码: /* Wait until device is ready to re-assign Back button */ document.addEventListener(“deviceready”, onDeviceReady, false); function onDeviceReady() { document.addEventListener(“backbutton”, onBackKeyPress, false); } function onBackKeyPress() { /* If the current page is the login page, disable the button completely (aka do nothing) */ if ($.mobile.activePage.attr(‘id’) == ‘login_page’) { } /* Else, execute log […]

听取轻拍和拖动值并相应地运作

我应该如何创建一个自定义页面过渡,听取点击和滑动/拖动?。如果页面被向右/向左拖动(同时仍然保持),则将页面拖动/滑动到滑动/阈值。 释放水龙头时,如果值等于或大于页面中心或最大阈值,请滑动到下一页(链接),否则滑回其原始位置。 例子 。 我想在我的jquery移动应用程序中应用它。 一个示例演示会很棒。 谢谢。