Articles of jQuery

Fancybox:无法在Android手机上滚动

我正在使用Fancybox在我的网站上输出计算器的结果: inlandprotitle.com 桌面和iphone上的输出效果很好: -webkit-overflow-scrolling: touch; 在Android手机上裁剪输出。 有没有办法在Android手机上启用fancybox滚动?

event.stopImmediatePropagation()不适用于Android版Chrome

我相信event.stopImmediatePropagation()不适用于Android版Chrome。 有人会有解决方法吗? (替代代码)? 谢谢。

jQuery addClass使窗口在Android和iPhone上滚动回顶部

我正在一个页面底部有一个元素,通过点击它激活。 然后该元素(立即)在高处扩展以显示其内容。 这是通过向该元素添加一个带有jQuery的类(“.active”)来完成的。 .active确实添加的东西是一个显示块,有些高度。 但是每次点击它时,浏览器都会跳回到顶部。 如果我在javascript中注释掉addClass部分,它表现正常。 只是为了抬头,锚标签没有“href =#”。

iframe没有在android 2.3.6上resize

我通过通用嵌入代码在页面上有一个Vimeovideo: 我正在使用Vimeo的JavaScript API( http://vimeo.com/api/docs/player-js )在video开始播放时以及video播放时为videodiv添加一个类(这会使div加倍)暂停或完成后,将删除该课程,将video播放器大小重置为原始大小。 这在桌面/笔记本电脑(Firefox)上按预期工作,但在Android手机上,iframe(一旦它的大小增加一倍)不会恢复到之前的大小(它是一个百分比,所以它应该适应它的video容器) ,这会导致iframe与其父div重叠。 首先我认为它是iframe的100%宽度和高度,所以我使用$(‘#video1’).attr(‘width’, 400);指定iframe的固定宽度和高度$(‘#video1’).attr(‘width’, 400); 当video停止时,但iframe保持不变(它保持两倍的大小)。 有没有人知道Android为什么这样做,我如何强制iframeresize?

JavaScript:当’user-scalable’设置为yes时,检测缩放以缩放

当meta name =“viewport”设置为user-scalable = yes时,如何检测缩放的缩放比例(或缩放距离)? 我在Android上进行了测试,但如果meta name =“viewport”设置为user-scalable = yes,则无法检测到缩放的缩放。 如果meta name =“viewport”设置为user-scalable = no,则可以检测到缩放到缩放但是我无法放大文档。 以下是我对jsFiddle的测试: Hammer.js: http : //jsfiddle.net/pE42S/ var pziW = “test”; var viewport_width = $(window).innerWidth(); var zoom = 0; var hammer = new Hammer(document.getElementById(“touchme”)); hammer.ontransformstart = function(ev) { console.log(“ontransformstart”); console.log(ev); //pziW = $(window).innerWidth() / 2 * ev.scale; zoom = ev.scale; var msg […]

使用jQuery Ajax的Android浏览器问题以及使用appcache时的问题

我们在Android 4.0,4.1和4.2上有内置浏览器的问题(我们没有更低的东西可以测试)。 问题是ajax调用在第一次加载时会完美运行,你可以根据需要多次按下运行Ajax按钮,它会没问题。 您可以断开互联网连接,它将正常工作。 但是如果您退出(完全确保它不仅仅在后台运行)浏览器然后重新启动它,它将在加载时失败并按下按钮。 无论您是在线还是离线都没关系。 从ajax调用返回的错误是“Error”,status = 0且readyState = 0。 当它成功时,你会收到一条消息,说“从Ajax Call中取消”,状态= 200,readyState = 4。 代码可以在我们在Android Chrome,Firefox和Opera上测试过的所有其他浏览器上find。 在IOS 5和6上它可以工作,我们可以find每个桌面浏览器。 有没有我遗漏的内容或者我们在内置浏览器中发现了一个错误。 任何有关这方面的帮助都会受到欢迎,特别是如果它只是我做过的蠢事。 我们已经创建了一个测试脚本来演示这个问题,我已经将它附加到此消息的底部。 谢谢 蒂姆 test.php的 test function runAjaxGet() { var XMLHttpRequest = $.ajax({ url: “test.php”, dataType: “json”, data: “test=test”, traditional: “true”, success: function( responseData ) { alert(‘good\n responseData: ‘+responseData+ ‘\n res:’ + XMLHttpRequest.responseText +’\n […]

Android不安全:tel:带有phonegap应用程序

我用phonegap编写了一个应用程序。 我有一个从服务器收到的电话号码列表。 当单击列表中的项目时,控制器会对此function进行分类: $scope.call = function(number){ document.location.href = ‘tel:’ + number; } 在iPhone上没关系,但在Android上我得到: unsafe:tel:+97235726333 为什么? 它是一个utf-8编码的问题吗?

从Android本机浏览器上传时,文件types为空字符串

我在网页上有一个input(type=”file”) 。 我使用jQuery来抓取这样的文件: $(‘input’).on(‘change’, function(e) { console.log(e.target.files[0]); }); 我需要检查e.target.files[0].type匹配”image.*”模式,所以我这样做: var matches = e.target.files[0].type.match(‘image.*’); 这在大多数情况下都可以正常工作,但是当从Android本机浏览器运行应用程序时, e.target.files[0].type是空字符串。 如果我选择存储在设备上的图像,就会发生这种情况。 如果我用相机拍摄图像e.target.files[0].type是”image/jpeg” 。 以前有人遇到过这个问题吗?

find我在android上的phonegap中获得的javascript错误

我有一个正在抛出javascript错误的phonegap应用程序。 我已经在桌面上的浏览器中打开了HTML页面,它在那里工作正常,没有任何错误。 当我在android模拟器中加载它时,window.onerror事件被触发,但是我无法在错误对象中看到任何有用的信息以查看它来自何处。 我有这个尝试从错误对象中获得更多: window.onerror = function(e){ for(var i in e){ console.log(“window.onerror ::” + i + ‘ = ‘ + e[i]); } }; 但我甚至没有看到“消息”属性。 这是输出: window.onerror ::undefined window.onerror ::eventPhase = 3 window.onerror ::currentTarget = [object DOMWindow] window.onerror ::cancelable = false window.onerror ::target = [object HTMLScriptElement] window.onerror ::bubbles = true window.onerror ::type = error window.onerror ::cancelBubble […]

如何在Android 4.4+上运行时忽略Cordova App的字体大小设置更改?

我用Cordova版本3.6.3和JQuery开发了Cordova App。 我仍然无法获得最佳解决方案的唯一问题是当我在Android 4.4+上测试我的应用程序时,有些用户喜欢在设置>显示>设备的字体大小中更改字体大小比正常。 它导致我的应用程序布局显示丑陋(最好的显示是当字体大小设置只是正常时)。 但是对于早于4.4(4.3,4.2 …)的Android,字体大小设置没有任何影响因此该应用程序在旧版本上完美显示。 我应用到我的应用程序的解决方案是创建自定义插件来检测更改的配置,它将检测用户是否使用Android 4.4+,如果他们将字体大小设置设置为任何不正常的东西,我将使用JQuery将font-size强制为指定的大小。 例子是…. if (font_scale == huge) { $(“div”).css(“font-size”,”20px !important”); } 这工作正常但有时在页面加载后,css不会像我想要的那样改变。 并且假设如果该页面上有30个div +,那么我必须插入上述语句30次,并且不必要地花费太多时间。 我只是想知道,有没有其他方法来解决这个问题比使用这个插件更容易? 也许使用一些XML配置或CSS3属性可以使我的应用程序正确显示而没有Android 4.4的字体大小设置的副作用? 我尝试过的其他方法也没有用 在Androidmanifest.xml> activity标签上插入fontScale 插入webkit-text-size-adjust:none; 在css 我很想听到任何有助于解决这个问题的想法。