草庐IT

移动侦测

全部标签

javascript - 移动事件元素在 Internet Explorer 中丢失 mouseout 事件

在我使用的库中,我的任务是在鼠标悬停时将元素移动到dom的前面。(我把它放大了,所以我需要看到它,然后在鼠标移开时将它缩小)。我正在使用的库有一个巧妙的解决方案,它在事件元素上使用appendChildren将其移动到其父元素的末尾,从而更靠近dom的末尾并依次移至顶部。问题是我相信因为您正在移动的元素是您悬停在mouseout事件上的元素。您的鼠标仍在节点上,但未触发mouseout事件。我已经剥离了功能以确认问题。它在Firefox中工作正常,但在任何版本的IE中都没有。我在这里使用jQuery来提高速度。解决方案可以使用普通的旧Javascript,这是首选,因为它可能需要返回上

javascript - jQuery Slider 无法按设计在移动设备上运行

2015年7月24日更新:由于我无法迁移代码并且存在冲突问题,所以我完全更改了库。最快的修复,对我来说是http://refreshless.com/nouislider/.它仍然允许我使用与jquery相同的简码来检索值。我无法保证这有多轻,但我可以推荐在客户站点上进行临时修复。2015年7月30日更新:已经尝试使用jQueryUI和TouchPunch,它们都导致了进一步的问题。在这种情况下,唯一的解决方案是没有UISlider。您的项目可能有所不同,但对于4年以上的旧框架上严重的jQuery脚本冲突,这是我的解决方案。以下代码(示例位于:http://www.equant-des

javascript - 使用屏幕分辨率的移动重定向

我为一家公司做广告,基本上我是一家附属公司。我想将我的移动浏览器重定向到我的附属网站的移动版本。我正在考虑用屏幕分辨率来做这件事。基本上,如果屏幕分辨率低于800x600,则客人使用手机的可能性很大。这是个好主意吗?代码如下:if((screen.width是的! 最佳答案 通常检查浏览器的user-agent会更安全,因为这样您就会知道它们是否在Android、iPhone、iPad、iPod、Nokia等设备上,并且您会得到从那里引导用户的更大灵active。我使用以下Javascript(可能是从其他来源借来的):varisM

open-source - FancyBox 2 的轻量级、移动兼容、现代、免费的替代品

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找FancyBox2的替代品。它应该是轻量级的、移动友好的(使用硬件加速的css转换),并且可以免费用于商业用途(FancyBox不是)。有什么好的选择吗?

javascript - 构建 PhoneGap jQuery 移动应用程序

我目前正在使用jQueryMobile框架在phonegap中构建游戏。我最终得到的是大量带有一个html和几个js类的意大利面条代码。我很想知道是否有任何好的指南来创建遵循MVC模式的结构化jQuery移动应用程序。我找到了一个goodguide用于使用SenchaTouch创建MVC应用程序。我一直在寻找与jQueryMobile类似的东西。 最佳答案 我有一个相当大的应用程序,这就是我的结构css--allcssfilesimages--allimagefilesjscontroller.js--pageeventsandel

javascript - 使 Highcharts.js 图表在移动和桌面上看起来不错

我想知道是否有人使用Highcharts成功实现了响应式设计,使他们的图表在移动设备和桌面设备上看起来都不错。默认情况下,当您调整浏览器屏幕大小时,Highcharts会重新缩放,只是X轴被刻度线文本弄得乱七八糟,条形图看起来又高又瘦(太压缩)。要了解我的意思,您可以转到thispage。并调整浏览器大小。我认为这些问题可以通过将数据点的数量减少到原始数量的1/3来解决,尽管我想知道如何使用Highcharts的API以编程方式实现这一点。如果这听起来不是一个好主意,我也对人们可能想出的在移动设备上使用Highcharts的其他想法或解决方案感兴趣(或者甚至可能是不同的JS图表库,其中

javascript - 如果移动禁用某些脚本

我希望能够在检测到移动设备时禁用页面头部的某些脚本。此刻我有这个:$(function(){varmobile;if(window.width我正在努力寻找在检测到移动宽度时禁用脚本运行的代码。任何帮助或其他想法将不胜感激。 最佳答案 使用跟随if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)){//somecode..}else{//Nowincludejsfiles}第二个问题使用if(windo

javascript - 如何在不破坏 javascript 的情况下使用 Jquery 将 html 从一个 div 移动到另一个

我的网页的不同部分有两个div,一个工作部分和一个引用部分。一个是固定大小的,另一个是可变大小的,它们是垂直堆叠的。我正在尝试设计它,以便如果您想在引用Pane中处理某些内容,只需单击一个链接,它就会在两个Pane之间交换所有数据。我的想法是执行以下操作:varworking=$("#working_pane").html();varref=$("#reference_pane").html();$("#working_pane").html(ref);$("#reference_pane").html(working);这个问题似乎是这些Pane内引用的任何javascript(例如

javascript - 使用键盘控制在 Canvas 游戏中平滑 Angular 色移动

我正在使用canvas和JavaScript创建横向卷轴无尽太空主题游戏。我只是通过使用向上和向下箭头来控制一艘宇宙飞船,我想实现某种运动缓动,这样当我松开按键时,飞船就不会停止不动。我环顾四周,没有发现任何东西,而且我自己的尝试也没有奏效。这是我试过的。Jet.prototype.checkDirection=function(){if(this.isUpKey){this.drawY-=this.speed;if(this.speed=0){this.drawY-=this.speed;this.speed-=1;}}}if(!this.isDownKey){if(!this.is

javascript - 如何使用 JavaScript API 在移动设备的 map 中禁用两指缩放选项?

我的谷歌地图选项是这样的{center:userLatLng,zoom:13,mapTypeId:'roadmap',scrollwheel:false,navigationControl:false,mapTypeControl:false,scaleControl:false,draggable:true,mapTypeId:google.maps.MapTypeId.ROADMAP,disableDefaultUI:true,disableDoubleClickZoom:false,zoomControl:false,styles:styles['hide'],component