jquery悬停函数onLoad在firefox中不起作用
jquery hover function onLoad not working in firefox
此代码在Chrome和IE中工作,但在Firefox中不起作用!
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
JS:
$(window).load(function(){
$("#bostitchTitle_Printable_1, #bostitchTitle_Printable_2").hover(function () {
$(this).toggleClass("hoverblueL");
});
$(".printableTitle").hover(function () {
$(this).toggleClass("hoverblue");
});
});
CSS: .hoverblue {
background:url('images/border-bottom.png') !important;
height:20px;
}
.hoverblueL {
background:url('images/border-bottom.png') !important;
height:36px;
}
HTML: 上面所有相关的IDS看起来都像下面(但有它们的元素名称,即:(1和2)注意,.printableTitle
类在<span>
标签中是共享的,但是我需要定义另外两个唯一的div,因为它们需要不同的高度处理。
<li id="bostitchPrintable_1">
<a href="http://www.canada.org" target="_blank">
<span id="bostitchTitle_Printable_1" class="printableTitle bos_title shimify">Rollin to Canada tonight!!</span>
</a>
</li>
IE和Chrome完美…Firefox无法解决任何问题!!
$(window).load
不能在firefox中工作,这是不好的做法。您应该使用$(document).load
。
如果你的jQuery版本允许,使用。on而不是。hover。
$("#bostitchTitle_Printable_1, #bostitchTitle_Printable_2").on("hover", function () {
$(this).toggleClass("hoverblueL");
});
。
相关文章:
- 为什么javascript:void(0)在Firefox中不起作用
- jpm的默认Firefox路径没有'不起作用
- 设置 CSS 背景在 Firefox 中不起作用
- document.getElementById 在 Firefox 中不起作用
- firefox中的CSS动画不起作用
- event.stopPropagation()在firefox javascript中不起作用
- 复选框.onClick在firefox中不起作用
- window.close();在Chrome和Firefox中不起作用
- JQuery在Chrome中不起作用,但Firefox很好
- 选择“行在 Chrome 和 Firefox 中不起作用(生成的代码)”
- Javascript 按键事件在 Firefox 中不起作用
- window.dispatchEvent 在 Firefox、Safari 或 IE 中不起作用
- 更改 Angular 2 中选择的事件在 Firefox 和 Edge 中不起作用
- jQuery SlideToggle() 在 FireFox 中不起作用,在 Chrome 中工作
- 动态关键帧插入在 IE 或 Firefox 上不起作用
- 使用 nameProp 的 JQuery 图像滚动更新在 Firefox 和 Chrome 中不起作用
- Javascript键码在Firefox中不起作用,但在chrome中运行良好
- HTML5<视频>元素在Firefox、Opera和Safari中不起作用
- 输入类型的图像在Internet Explorer中不起作用,但在Chrome和Firefox中起作用
- 使用量角器双击在chrome中效果良好,但在firefox中不起作用