onmouseover无法在iPad横向、Safari或Chrome上工作
onmouseover not working on iPad landscape, Safari or Chrome
我目前有一系列图像,当onmouseover在桌面上激活时,它将在其位置显示另一个图像。这适用于所有桌面、移动和平板电脑浏览器,但iPad Safari/Chrome上的横向浏览器除外。
我主要感到困惑,因为它在人像上效果很好,但一旦你把iPad改为横向,点击图像就没有效果了。我们还有一个脚本,可以在方向更改时刷新页面,但我不认为这会引起任何问题。如果我错了,请纠正我。
以下是我们的代码摘录:
<img src="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&height=224&ext=.jpg" alt="Claire" title="Claire" class="team-member-static4" onmouseover="jQuery(this).attr('src','/getmedia/6abe9a6f-0144-470e-8dc5-3124c1446642/Claire-2.jpg?width=224&height=224&ext=.jpg').stop.toggle();" onmouseout="jQuery(this).attr('src','/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&height=224&ext=.jpg');">
非常感谢。
它可能看起来像这样:
var claire = {}
$(function() {
claire.$img = $("img[alt='Claire']");
claire.on=claire.$img.data("on")+'?width=224&height=224&ext=.jpg';
claire.off=claire.$img.attr("src");
claire.$img.on('mouseover touchstart',function(){
$(this).prop("src",claire.on) // .stop.toggle(); // why toggle?
})
.on('mouseout touchend',function(){
$(this).prop("src",claire.off);
});
使用
<img src="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg?width=224&height=224&ext=.jpg"
alt="Claire" title="Claire" class="team-member-static4"
data-on="/getmedia/b69c7c54-e84e-486d-b9fb-b89644b0c7fe/Claire-1.jpg" />
相关文章:
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- jQuery表单验证适用于Mozilla和Internet Explorer,但不适用于Chrome或Safari
- JS代码在jsbin中有效,在jsfiddle或Chrome/Safari中无效
- jQuery$.post可以在chrome、safari中工作,但不能在FF中工作(声明成功回调函数未定义)
- 在safari和chrome中,js图像加载产生了奇怪的结果
- 元素意外地隐藏在Safari的某些实例中,总是出现在Firefox、Chrome中
- JS适用于Firefox和Safari,但不适用于Chrome.此处'是我的网站
- 在不支持的浏览器中替代IndexedDB?Safari/iOS Safari Chrome
- 使用内联块设置的 Safari/Chrome 重叠元素
- 桌面网络工具包(safari / chrome)中具有绝对定位元素的奇怪渲染错误
- 在 Safari/Chrome 中,如何在 ready() 和 focus() 上触发函数 A,在 blur() 上触发
- $(“#id选项”).hide();不适用于safari/chrome
- jQuery offset()在Safari/Chrome iOS中不起作用
- 动画gif获胜't在Safari Chrome或Firefox中循环
- 移动Safari/Chrome上Angular应用程序的键盘严重滞后
- jQuery问题(Safari/Chrome)与平滑滚动
- jQuery只适用于firefox或safari/chrome控制台
- 编码浏览器扩展,插件,Firefox, Safari, Chrome等…这是可能的吗?
- JQuery -适用于Firefox,但不适用于Safari, Chrome或Mobile
- AngularJS ng-model在Firefox/Safari/Chrome中