草庐IT

mobile-webkit

全部标签

javascript - jQuery mobile + iScroll,无法向下滚动

我正在尝试整合jQueryMobile与iScroll4.我知道已经有一个project这样做,但是,由于bug,我正在避免它带有输入元素(打字时页面像疯了似的跳转)。我目前的实现是这样的:http://jsfiddle.net/AqHsW/-(JSFiddle示例)[Alternativemirror]正如您可能注意到的那样,除了一个主要问题外,这一切都完美无缺:无法向下滚动。这个问题似乎是跨操作系统/浏览器的。但是,如果我重写onBeforeScrollStart方法:varscroller=newiScroll('wrapper',{onBeforeScrollStart:nul

javascript - 仅为移动设备加载 JQuery Mobile 脚本

我有一个网页必须在移动设备上正确显示。为此,我在页面头部加载了JQueryMobile脚本。head标签如下所示:PageTitle并在页面的正文元素中使用数据Angular色属性来显示事物。这些页面在移动设备上看起来相当不错,但即使请求来自非移动浏览器,它看起来也很相似。我想知道是否有人知道仅当请求来自移动设备时才加载JQueryMobile脚本的方法。到目前为止我尝试的是使用一个函数来检测我的用户代理并加载脚本(如果它是移动设备):functioninit(){if(isMobile()){document.write('');document.write('');dcument.

javascript - jQuery 为 WebKit(chrome)和 Firefox 中的相同对象返回不同的高度

我对这个感到困惑。jQuery.height()在Firefox和Chrome中以不同的值回归。测量屏幕上的像素表明,在两者中,Chrome似乎报告了正确的值,而firefox每次都偏离了2或3个像素。有没有其他人遇到过这个问题?我已经尝试使用各种jQuery高度函数(innerHeight、outerHeight、height)获取高度,但都无济于事。我已经删除了所有可能会干扰高度值的css样式(所有填充、边框、边距等),但我仍然得到不一致的结果。如果有帮助,我正在处理表格单元格。该代码在第一个表格旁边创建了第二个表格,然后匹配每行的高度以在表格上创建一种“粘性”左手列。单元格具有不

javascript - 如何在 Cocoa/WebKit 应用程序中从 Javascript 调用 Objective-C 方法?

我有一个Cocoa应用程序,它使用WebView来显示HTML界面。我将如何从HTML界面中的Javascript函数调用Objective-C方法? 最佳答案 这记录在developer.apple.com. 关于javascript-如何在Cocoa/WebKit应用程序中从Javascript调用Objective-C方法?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9

javascript - 由于 jQuery Mobile,IE9 窗口失去焦点

在我们的产品中,我们在ASP.NET网站上使用了最新开发版本的jQueryMobile。每次我们执行ASP.NET回发时,浏览器窗口都会转到屏幕后面。示例:最大化任何窗口。示例:视觉Studio、Word、Windows资源管理器。将IE9最大化。IE9是唯一你在屏幕上看到的东西。在我们的解决方案中点击一个按钮回发。IE9不再可见。无论它背后是什么,现在都有焦点了(并填满屏幕,因为它是最大化)只有我知道的解决方法:不要包含jQuery移动脚本。确保IE9是Windows中唯一最大化的窗口。我不知道jQueryMobile在后台做什么,我假设这是IE9中的一个错误,最终会得到修复。但是,

javascript - 在 'If mobile phone' 中

我正在考虑使用jQuery.browser做一些事情,但这只会返回您所在的浏览器以及它是否是webkit等。所以我基本上想关闭某些js文件,如果您在移动设备上,甚至不加载它?我想你可以做到,但是怎么做呢? 最佳答案 我认为thisanswer更好,因为它不依赖于屏幕宽度:if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){//somecode..}我知道现在您已经有了品牌浏览器依赖项,但这比检查屏幕尺寸更易于维护。

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - 使用 Javascript 在 Mobile Safari 中获取选定的文本

所以我正在开发一个小书签,它非常适合我使用“循环”获取用户选择的内容。window.getSelection和document.getSelection都是我可以调用的函数,但是,它们总是返回一个空字符串。我认为问题在于当您点击MobileSafari中的书签图标时,选择被释放。例如,如果您选择了一些文本,点击“+”、书签或其他选项卡,即使您取消,该选择也不会被选中。是否有可能获得这些数据?或者这几乎是不可能的? 最佳答案 我认为您必须让小书签将一些内容插入到页面中以对所选内容进行操作。您可以在页面的顶部或底部添加一个按钮,当单击它

javascript - jQuery Mobile 表单验证 - 选择哪个插件?

您会选择哪个框架来验证jQueryMobile应用程序中的表单?此外,我的Web应用程序在iPhone和Android上的PhoneGapnative包装器中运行。有许多jQuery表单验证框架-但根据您的经验,哪些适用于移动版本的jQuery?在移动环境中有趣的标准:启用触摸的通知消息-如果验证错误,消息会针对小屏幕进行理想优化消息到位,表单域错误离线功能-因为PhoneGap应用偶尔会在没有网络访问的情况下运行 最佳答案 试试这个:http://bassistance.de/jquery-plugins/jquery-plugi

javascript - CSS 加载动画在 NW.js (node-webkit) 中没有动画

Hereisajsfiddle我的CSS加载动画正常工作。但是,当我在我的node-webkit应用程序中使用相同的代码时,SVG路径和颜色是静态的并且不显示任何动画。经过一些研究,我尝试添加"chromium-args":"--enable-threaded-compositing"根据thisissue的解决方案到我的package.json文件.不幸的是,这并没有解决我的问题。根据thispost中第二个答案的建议,我正在为我的加载屏幕使用CSS动画。.我的动画是thisCodePen的略微改动版本.有没有人遇到过NW.js中的CSS动画的类似问题?此动画可能无法正常工作的任何原