Articles of jQuery

选择的插件似乎不适用于移动浏览器

我为选择字段设置了一个Chosen插件 ,以便用户能够从长列表中进行types搜索。 虽然我正在为手机开发这款产品,虽然它在计算机上运行良好,但它在Apple和Android手机上都被禁用,popup的默认用户界面用于选择输入。 我想在手机上使用这个插件。

屏蔽输入无法在Android手机中运行?

我正在使用digitalbush蒙面输入jQuery插件 。 它在网络浏览器和iPhone浏览器中运行良好,但它不适用于Android移动设备。 我的问题:掩码位于输入字段_ – _ – ___。 当我键入数字时,它将是12345685555 ___- – 示例: http : //rossbender.com/temp/mask.html 有什么建议么? 我怎么解决这个问题? 谢谢Prasad。

使用javascript在Android虚拟键盘上键入捕获键

我有一个带有textarea的网页,我需要捕获用户键入的键(这样我就可以用键入的键替换不同的unicode字符)。 我目前的代码如下: $(“#myTextArea”).bind(‘keypress’, function(event) { var keyInput = event.which; // call other functions }); 以上代码适用于PC和iPhone / Safari。 但是, 在Android (三星)平板电脑上使用Chrome时失败了 。 出于某种原因,当我在android虚拟(软)键盘上键入时,不会触发“按键”事件 。 Android版本是5.0.2。 如果我尝试使用“keyUp”或“keyDown”,它总是为所有字符返回229 (返回键,空格,退格键等除外)。 即使keyCode始终为229,textarea也会显示用户键入的正确字符。 这意味着设备知道输入了哪个密钥,但不知怎的,我无法使用javascript来处理此事件(和密钥代码)。 以下是我迄今为止尝试过的替代方案及其结果: $(“#mainTextArea”).on(“keydown keyup”, function(event) { // event.which and event.keyCode both return 229 $(document).on(‘keypress’, function(event) { // function is not triggered $(‘#myTextArea’).bind(‘input keypress’, function(event) { // comes inside […]

在phonegap中播放本地声音

我的www文件夹中有一个.wav文件。 我使用jQuery与以下代码。 警报响起但声音没有播放。 难道我做错了什么? $(document).ready(function () { window.alert(“READY!”); document.addEventListener(“deviceready”, onDeviceReady, true); function onDeviceReady(){ window.alert(“OK@!”); var snd = new Media(“test.wav”); snd.play(); } }); 声音不起作用。

在Android上强制正确的CSS3转换百分比解释

tl;博士 ? 获取以下链接中演示的机制,以在Android Chrome和默认浏览器上使用GPU加速。 更新2 (2014-01-13 13:25:30Z):根据bref.it下面的评论,截至Android 4.4 KitKat报告的行为是固定的 – 但我下面描述的修复现在打破了它! 索德定律。 更新1 (2012-11-01 17:54:09Z):从转换元素的计算样式报告的变换矩阵可以推断出有缺陷的行为,它返回一个像素值。 我将尝试为此编写一个Modernizr测试,以便为任何可能的解决方案铺平道路。 我开发了一种滑动容器的机制,以显示全宽,水平排列的子部分。 滑动标签,基本上。 因为有很多性能密集的东西和精心设计的Javascript,我希望将JS保持在最低限度,并尽可能多地使用CSS中的纯粹风格。 我认为我做得很好,考虑到 – JS只是改变了包装器的一个属性: (左) http://jsfiddle.net/barney/VPJuq/ (移动设备可以附加/显示/显示这些小提琴url以自行查看结果) 关于这是如何工作的一句话:将标签视为inline-block s允许我指定white-space: nowrap (最后几条规则中的其余代码基本上折叠了标签之间的空白)并允许它们水平堆叠没有清除/返回,一直保持其父级的全宽。 从那里开始,为包装器设置负的左偏移就可以了。 很酷,对吧? 现在,一点上下文:我正在开发的接口是在本机移动应用程序中运行 – 应用程序的核心function依赖于尖端的移动专用技术(不要问 – NDA) – 通过UIWebView,而且是唯一的目前支持该技术的平台是Android。 在这里,我的问题是双重的: transform: translate工作a / lot / smoother( translate3d甚至更多)比left或margin-left过渡,到一个非常可取的点,边缘线至关重要 – 特别是在Android上,看作非翻译在拥有最新操作系统的最新手机上,过渡仍然令人窒息。 考虑到这一点,问题的关键在于Android在与translate相关时似乎推断出盒子模型的不同。 为了演示,这里是基于transform的同一件事的版本,它与前一个小提琴做同样的事情,适用于支持translate3d的所有浏览器…… (带翻译) http://jsfiddle.net/barney/EJ7ve 如果你在iPhone上检查这个(再次,通过追加/show ),你会注意到iPhone上的帧率有所提高。 对于在Android上运行的Firefox也是如此,可以说在Chrome和Android上的默认浏览器上也是如此,除了在这里,-100%的translateX偏移以某种方式指的是所有三个选项卡占用的空间,因此包装器滑动就足够了没有任何标签可见。 […]

屏幕上滚动时在Android PhoneGap应用程序中使用JQTouch?

我使用JQtouch,Jquery和PhoneGap制作了一个应用程序。 当你input一个表单的字段时,整个页面每次input一个字符就会上下滚动。 我到处寻找解决办法,但找不到一个解决scheme。 有一个类似的问题在这里: https : //github.com/jquery/jquery-mobile/issues/638但他的解决scheme并没有解决我的问题。 有没有人有一个想法,为什么页面将上下滚动文本框中的每个添加的字符? 由于页面非常小,它会快速上下滚动,非常烦人。

JQuery不使用android浏览器

我一直在使用jquery进行web开发,当我使用android浏览器来查看我的工作时,我发现所有jquery函数都像hide()show()似乎不起作用。 任何人都可以为我validation这一点,我想知道为什么jQuery不工作的Android浏览器,我现在正在使用2.3.1。 有没有人遇到过这个问题?

追加选项使用jQueryselect不起作用

所以,我试图追加选项使用jQuery的HTML5select,但它没有工作出于某种原因。 以下是我的代码: for (var i = 0; i < itemsList.length; i++) { WL.Logger.debug(itemsList[i]); var elem = $("<option/>").val(itmesList[i]).text(itemsList[i]); $('#itemsList').append(elem); } 这里itemsList是一个值的数组,我想要附加到select下拉框,其ID为itemsList以及。 这里是html代码: <div id="wrapper"> <label for="itmesList">Select item: </label> <select id="itmesList"></select> <div id="info"></div> </div> 任何想法,我在做什么错在这里? 谢谢!

在添加dynamic数据的同时发行

我需要在jQuery Mobile Foo Table中有一点帮助。 我在表中dynamic添加数据。 HTML: <table id="tblSRNDetails" class="footable"> <thead> <tr> <th data-class="expand">SRN</th> <th >Failure Date</th> <th >Complaint Report Date</th> <th>Promised Date</th> <th >Customer Name</th> <th >Log Time</th> <th >Create FSR</th> <th data-hide="phone,tablet">Days Open</th> <th data-hide="phone,tablet">SRN Allocated Time</th> <th data-hide="phone,tablet"> SRN Status</th> <th data-hide="phone,tablet"> ESN Number</th> <th data-hide="phone,tablet"> Request Type</th> <th data-hide="phone,tablet">Service Request Details</th> </tr> […]

是否有更好的Android支持JQTouch JQuery替代?

基本上寻找比JQTouch更好的Android浏览器支持的JQuery插件。 甚至还有一个更好的移动支持的替代Javascript框架。