我想修复iOS上的悬停效果(更改为touch事件),但我没有任何想法。让我解释一下。您的页面中有文字:
<div class="mm">hello world</div>
搭配风格:
.mm { color:#000; padding:15px; }
.mm:hover { background:#ddd; }
好吧,在dekstop中,如果将鼠标放在文本上,则会得到#ddd背景,对吗?但是在iOS中,如果您触摸文本,您什么也不会得到,但是如果您点击它,它将得到一个丑陋且粘滞的#ddd背景,这不是很好,我希望用户在触摸文本时获得悬停效果(我认为是诸如touchevent之类的东西)。但是我看到一些网站已修复,例如freemyappps.com或(请在ios设备上检查此网站->
D4F,并触摸某些东西以查看诸如吃蛋糕的悬停效果:))但是,这些网站如何解决该问题?怎样才能像他们一样解决?谢谢
这是我在ios上基本成功地使用javascript悬停功能:
注意:我使用了jQuery,希望对您来说还可以。
JavaScript:
$(document).ready(function(){
// Sorry about bad spacing. Also...this is jquery if you didn't notice allready.
$(".mm").hover(function(){
//On Hover - Works on ios
$("p").hide();
}, function(){
//Hover Off - Hover off doesn't seem to work on iOS
$("p").show();
})
});
CSS:
.mm { color:#000; padding:15px; }
HTML:
<div class="mm">hello world</div>
<p>this will disappear on hover of hello world</p>
问题内容: 我一直在为iPad的固定位置而苦苦挣扎。我知道iScroll,它似乎并不总是有效(即使在他们的演示中)。我也知道Sencha有一个修复程序,但是我不能+该修复程序的源代码。 我希望有人可以解决。问题在于,当用户在iOS驱动的移动Safari上上/下移动时,固定位置的元素不会更新。 问题答案: 我最终使用了新的jQuery Mobilev1.1: 现在,我们进行了可靠的重写,可以在许多流
问题内容: 我似乎无法在iPad上捕获滚动事件。这些工作都没有,我做错了什么? 它们都可以在Windows的Safari 3上运行。具有讽刺意味的是,如果您不介意破坏现有事件,则PC上的每个浏览器都支持。但是没有iPad。 问题答案: iPhoneOS确实捕获事件,但并非您期望的那样。 单指平移不会生成任何事件,直到用户停止平移为止(页面停止移动并重绘时会生成一个事件),如图6-1所示。 同样,只
问题内容: 我想在移动网页中创建一个背景覆盖的部分,因此我使用了以下CSS代码: 背景在Android(Chrome,Firefox …)上可以正确显示,但在iPhone或iPad(Safari,Chrome iOS …)上则完全不显示。我已经尝试在DOM准备就绪时使用jQuery设置这些属性,但是没有运气。我读到大小可能是个问题,但是图像约为700kB(1124x749px),因此它应该符合Sa
问题内容: 我已经创建了一个HTML5视频播放器(非常简单),可以在iPad和浏览器上完美运行。 但是,当我在iPhone上打开它时,我只得到一个播放按钮,当按下该按钮时,将在我所有东西之上的新窗口中打开本机视频播放器。 这意味着我无法访问自定义控件和时间跟踪(用Java语言编写),因为视频现在是独立运行的。 有什么方法可以覆盖Apple在iPhone上对HTML5视频的控制,并使它像在iPad上
问题内容: 如果网站在ipad Safari或应用程序WebView中运行,是否可以通过JavaScript进行区别? 问题答案: 这里使用的组合和。它可以区分与iOS Web应用程序有关的所有四个状态:Safari(浏览器),独立(全屏),uiwebview,而不是iOS。
问题内容: 我使用CSS在网站上设置输入按钮的样式,但在IOS设备上,样式已由Mac的默认按钮取代。是否可以为iOS的按钮设置样式,或者制作类似于提交按钮的超链接? 问题答案: 您可能正在寻找 Safari CSS注释 Mozilla开发人员网络的