草庐IT

opera-mobile

全部标签

javascript - raphaeljs 的 Mobile Safari SVG 渲染问题

我正在使用raphael制作动画交互式图表我需要在iPhone上正常工作。我遇到了2个小的渲染问题。首先,无论何时单击附加有单击处理程序的svg元素,移动版Safari都会在其周围绘制一个透明的灰色框以指示单击的内容。这与您单击超链接时所做的相同。在这种情况下,灰色框非常难看。是否有任何css属性告诉移动safari不要这样做?第二个问题是动画。对于任何动画的持续时间,移动版safari都会向svgCanvas添加丑陋的黑色边框。它仅在动画进行时可见,并且仅在Canvas的底部和右边缘可见。知道如何解决这个问题吗?这是使用raphael页面上的一个演示的复制和粘贴拍摄的,只有白色背景。

javascript - 为什么我的 map 在我的 jQuery Mobile/Google Maps API3 应用程序中居中?

我的jQueryMobile网络应用程序中有一张由GoogleMapsJavascriptAPI3提供支持的map。我添加了一个带有黑色边框的圆圈。如果您直接使用map转到我的应用程序的这个页面,map会正确地居中在圆的中心。http://goo.gl/XvLST如果您先转到我的应用程序的主页(http://goo.gl/0IWgE),然后单击进入带有map的页面,则map是居中错误(map应以圆心为中心)。缺失整个灰色区域。为什么当我从我的主页点击带有map的页面时,map会出错,但如果我直接访问带有map的页面,map会正常工作?我不能使用Ajax加载带有data-ajax='fa

javascript - javascript "resizeTo"函数在 Chrome 和 Opera 中不起作用

resizeTo(允许设置新的高度/宽度值)功能在Firefox和InternetExplorer上运行良好,但在Chrome和Opera上根本不起作用。是否有其他功能可以在所有浏览器上执行相同的操作?谢谢,问候 最佳答案 不,没有其他功能。resizeTo方法在一些浏览器中默认是禁用的,我知道它也可以在Firefox中手动禁用。它已被广泛滥用,因此大多数浏览器vendor认为它应该被禁用,或者至少是一个用户可控的选项。 关于javascript-javascript"resizeTo"

javascript - Facebook 对 'supported mobile devices' 的标准是什么

在Facebook的“SendDialog”文档中,它指出:ThisdialogcanbeusedwiththeJavaScriptSDKandbyperformingafullredirecttoaURL.Itisnotsupportedonmobiledevices.发送对话框(当它工作时)正是我想要使用的(因为它默认发送给特定的人):作为备用,您可以使用“ShareButton”,但共享按钮的用户流程略有不同(您必须选择将其发送给特定的人):现在我正在使用ZurbFoundation的VisibilityClasses触发显示哪个按钮,如下所示:shareonfacebooksh

javascript - 关闭 jQuery Mobile 面板

我有一个带有这样链接的面板Page1Page2Page3如果我当前在第1页并打开面板,当我再次选择第1页时面板不会关闭。我检查了jQuerymobilepaneldocumentation,并且具有相同的行为(如果您打开面板并单击“面板”,面板将保持打开状态。如果选择相同的页面链接,是否有关闭面板的方法?编辑:jQueryMobile版本:1.3.2jQuery版本:1.9.1 最佳答案 你做这样的事情$(document).on("pageinit",function(){$("[data-role=panel]a").on("c

javascript - 文档就绪等效于通过 jQuery Mobile Accordion 加载的 ajax 内容

正如超长标题所暗示的,我需要一些jQueryDocumentReady等价物,它将处理通过ajax在jQueryMobileAccordion/可折叠中加载的动态加载内容。我们有一些不能正常工作的东西:无法将javascript添加到实际标记本身(由于CMS),因此必须通过全局js文件加载它。$(document).ready()将不起作用,因为从技术上讲,它不是我们正在等待加载的文档。$('div#id').load()似乎不起作用。$('div#id').ready()似乎在加载实际页面时随时运行,无论是否运行可折叠内容。这有点像在黑暗中拍摄,但如果你们能提供帮助,我将不胜感激:)

javascript - window.devicePixelRatio 在 IE 10 Mobile 中不起作用?

我正在使用window.devicePixelRatio,它适用于Android和Iphone,但不适用于IE10Windows移动设备。还有其他选择吗? 最佳答案 对于桌面和移动设备的IE回退,请使用:window.devicePixelRatio=window.devicePixelRatio||window.screen.deviceXDPI/window.screen.logicalXDPI; 关于javascript-window.devicePixelRatio在IE10Mo

javascript - changePage 后 jQuery Mobile 刷新页面

是否有强制jQm页面在changePage完成后重新加载的方法?我将许多页面动态加载到一个数组中。所有正在加载的页面都是列表的一部分,例如“2011年的20个移动应用程序”。用户需要能够左右滑动来浏览页面。我在这里添加了当前代码:http://jsfiddle.net/cncpts/qMe6Z/2/注意URL是如何从数组中提取出来的。由此我可以提取下一个URL和上一个URL,但我只能向前和向后导航一页。您可以通过单击然后向左或向右滑动鼠标来测试此处的页面:http://www.cncpts.me/complex/swipe/index.php有关如何在保持nativeJQM转换的同时刷

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - Mobile Safari - "touchend"事件在最后一次触摸被移除时没有触发?

我试图捕捉的“手势”是当但仅当一个元素(其他或相同)已经触摸它时才进行点击。因此,触摸(1)按下按钮,同时触摸(2)点击所选选项,触摸(1)释放,按钮被按下。我遇到的问题是最后一点。当我松开最后一根手指时,没有触发“touchend”事件?所以我没有办法按下按钮?..还有“touchend”事件总是有touches.length=0?这是一些代码,因此您可以明白我的意思。我认为这可能是移动版Safari中的错误?Multi-touchproblem#touchpane{width:900px;height:500px;background-color:#333;}vartp=docum