草庐IT

mobile-webkit

全部标签

javascript - 为什么 jQuery Mobile 使用数据 Angular 色属性而不是类?

这可能是一个幼稚的问题,但我正在学习jQueryMobile,不确定为什么所有内容都与data-role属性相关。似乎即使Angular色与样式相关,他们也在class上使用data-role我理解对于语义,data-role在很多情况下都有意义,但它似乎在这里被滥用了。这样的查找不会更慢吗?为什么他们使用data-role而不是class?感谢您的任何见解。 最佳答案 为什么数据他们可以简单地使用role作为属性(就像其他框架一样),但这会使生成的HTML无效。因此,一个data-被添加到每个属性名称。为什么不上课我认为这样做的主

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 中的 webkit 转换语法?

我在这里寻找webkitTransition对象引用functionspawnAnimation(what){//setsthemovingelementvarmoveingEl=document.getElementById(what);//givestemptransitionpropertymoveingEl.style.WebkitTransition="left2s";//moveingEl.style.webkitTransition="top500ms";varcLeft=moveingEl.style.leftvarcleft=Number(cLeft.slice(0,

javascript - Webkit:实时图像在 contenteditable 容器中调整大小

我正尝试在Chrome的contenteditordiv中拥有可调整大小的图像,就像Firefox那样。当您单击图像时,应出现调整大小处理程序。我尝试了jQueryUI可调整大小的插件,但是当您移动(拖放)容器内的图像时它会损坏。也尝试了CSS3resize属性,但它只适用于block元素,不适用于有什么建议吗?谢谢 最佳答案 不幸的是,WebKit不支持在可编辑元素中调整图像和表格的大小。https://bugs.webkit.org/show_bug.cgi?id=7154https://bugs.webkit.org/show

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

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

javascript - webkit stylewithcss contenteditable 不工作?

我正在尝试使用contenteditable和styleWithCss。在webkit中好像不行。每当我使用execCommand时,它都会生成一个而不是我预期的跨度。这是一个演示:http://jsbin.com/izomo/2/edit选择部分文本,单击粗体按钮,然后查看html输出。这是一个错误还是我做错了什么。非常感谢。 最佳答案 我无法让它与此处两个答案中的命令一起使用。对于那些仍在为这个问题苦思冥想的人,这是如何让它发挥作用的。我们可以将三个值传递给execCommanddocument.execCommand(comm

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 - 如何在不使用 -webkit-app-region 的情况下在 Electron 中移动无框窗口

我一直试图在false上移动一个无框窗口,但现在我想通过拖动一个元素(标题栏)来移动整个窗口,我试过-webkit-app-region:drag;但是好像不行,我也试过https://www.npmjs.com/package/electron-drag但它也不起作用。 最佳答案 由于您的窗口是无框的,因此您可以使用属性-webkit-app-region,即使您的IDE说它不是,它仍然有效。出于用户体验考虑,您应该禁止文本选择并在标题栏内拖动按钮。.titlebar{-webkit-user-select:none;-webki