Tag: jquery

固定标题滚动/拖动jQuery的移动: 我正在使用jquery mobile和phonegap开发移动web应用程序。我开发了一个你好世界的应用程序。它有页眉，页脚和内容区域。页眉和页脚使用data-position="fixed"属性data-position="fixed" 。但页眉和页脚的问题是，当我向下滚动，当内容完成，不再需要滚动时，它的头部拖下来（灵活性或指示，并没有更多的内容）。正如在其他iOS应用程序，这个function存在，但在这些应用程序的页眉和页脚不上下拖动内容区域只拖动。请看照片我的意思如上图所示，标题被拖到我不想要的底部。我只想要内容区域有这个function。我怎样才能这样做，使内容区域只有当没有更多的内容可供查看？任何帮助CSS，jQuery或jQuery的移动技巧？更新 HTML代码在这里 <div data-role="page"> <div data-role="header" id="header" data-position="fixed"> <h1>Page Title</h1> </div><!– /header –> <div data-role="content" id="contents"> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> <h1>Hello Cirrus.</h1> […]

强制使用自定义/货币模式的iOS数字键盘: 是否有可能强制iOS设备显示数字键盘，而使用自定义模式作为inputtypes ？我的input模式： <input id="price" class="numeric" pattern="\d+((\.|,)\d{1,2})?" name="price" title="" data-mini="true" data-clear-btn="true" autocomplete="off" autofocus /> 我想input一个像“14.99”这样的货币值，并在iOS设备上显示一个可以访问数字的键盘 <input type='number' /> <input pattern='[0-9]*' /> <input pattern='[\d]*' /> 都是缺less小数点符号和（或）在添加小数点时不作为数字validation。另一种方法可能是在正确的位置创build十进制符号的JavaScript函数，例如按1-> 2-> 9-> 9按键创build（）0.01-> 0.12-> 1.29-> 12.99，但是这需要input字段为type='text' – >这里显而易见的问题是在聚焦input字段时显示文本键盘。我该如何解决这个问题？编辑环境： JQM 1.3.2 jquery 1.8.2

iOS 6的js事件function不调用，如果有setTimeout在其中: 我注意到这个奇怪的行为与最新的iOS（iOS 6）。如果为任何具有setTimeout的触摸事件调用函数，那么setTimeout内的部分永远不会被触发。只有当有“系统animation”，如滚动和放大/缩小，才会发生这种情况。例如： http://jsfiddle.net/p4SdL/2/ （我用jquery只是为了testing，但同样的情况发生在纯js上）在任何iOS 6设备上使用Safari浏览器打开该页面，然后放大或缩小。警报永远不会被调用。如果在任何iOS 5设备上testing，这将工作得很好！在这些animation中，似乎setTimeout或setInterval被操作系统重置。这是预期的行为还是错误？谢谢

jquery.click（）不适用于iOS: HTML： <div id="footer"> <a class="button1 selected" id="button1" href="#"><div class="icon"></div><div class="text">Option 1</div></a> <a class="button2" id="button2" href="#"><div class="icon"></div><div class="text">Option 2</div></a> <a class="button3" id="button3" href="#"><div class="icon"></div><div class="text">Option 3</div></a> <a class="button4" id="button4" href="#"><div class="icon"></div><div class="text">Option 4</div></a> </div> JS： $('#button1').click(function() { alert('button1'); }); $('#button2').click(function() { alert('button2'); }); 现在，这个脚本在我的PC浏览器上完美的工作，但它不适用于iOS。我也试过这个解决scheme： $（document）.click（）在iPhone上无法正常工作。 jQuery的，但它没有工作。我正在使用jQuery 1.8.3，没有jQuery Mobile（我不喜欢）。有人可以帮助我呢？

如何使我的“点击”function与iOS的工作: 我有一组button作为button。这些button有一个简单的jquery click（）函数，适用于除iOS以外的所有浏览器。例如： <div class="button">click me</div> 和 $('.button').click(function(){ alert('hi'); }); 我不知道为什么这不适用于iOS – 显然iOS中没有“点击”。不幸的是，我没有iphone设备来自己testing，但我收到了很多来自我的客户的抱怨，他们想要点击事物，什么也没有发生。什么是这个工作的关键？

以编程方式专注于移动Safari上的下一个input字段: 行中有几个input字段，就像填字游戏答案行一样：每个广场都有自己的input栏。其中的原因是有时候一个正方形可以预先填充。现在，在桌面浏览器中，只要input了字符，光标就跳转到下一个input字段。这真的很好使用像这样的东西： $(this).next('input').focus(); 但移动Safari（我们在iOS上testing）的问题是，我不知道如何以编程方式自动“跳转”到下一个input字段。用户可以通过“下一步”button来做到这一点，但有没有办法自动做到这一点？我知道focus()触发器对ios有一些限制，但我也看到了一些使用合成点击的解决方法。