3 回答

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
恐怕沒(méi)有純粹的JavaScript通用解決方案。JavaScript無(wú)法關(guān)閉CSS :hover狀態(tài)本身。
您可以嘗試以下替代解決方法。如果您不介意在HTML和CSS中多花錢,那么您不必通過(guò)JavaScript手動(dòng)重置每個(gè)CSS屬性。
的HTML
<body class="nojQuery">
的CSS
/* Limit the hover styles in your CSS so that they only apply when the nojQuery
class is present */
body.nojQuery ul#mainFilter a:hover {
/* CSS-only hover styles go here */
}
的JavaScript
// When jQuery kicks in, remove the nojQuery class from the <body> element, thus
// making the CSS hover styles disappear.
$(function(){}
$('body').removeClass('nojQuery');
)

TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
使用僅分配了懸停的第二類:
的HTML
<a class="myclass myclass_hover" href="#">My anchor</a>
的CSS
.myclass {
/* all anchor styles */
}
.myclass_hover:hover {
/* example color */
color:#00A;
}
現(xiàn)在,您可以使用Jquery刪除該類,例如,如果元素已被單擊:
JQUERY
$('.myclass').click( function(e) {
e.preventDefault();
$(this).removeClass('myclass_hover');
});
希望這個(gè)答案有幫助。
添加回答
舉報(bào)