第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

我可以通過(guò)JavaScript禁用CSS:hover效果嗎?

我可以通過(guò)JavaScript禁用CSS:hover效果嗎?

四季花海 2019-10-18 10:35:24
我試圖阻止瀏覽器:hover通過(guò)JavaScript 使用CSS 的效果。我在CSS中設(shè)置了a和a:hover樣式,因?yàn)槿绻鸍S不可用,我希望獲得懸浮效果。但是,如果有可用的JS ,我想用更平滑的效果覆蓋CSS懸停效果(例如,使用jQuery color插件)。我嘗試了這個(gè):$("ul#mainFilter a").hover(     function(e){ e.preventDefault(); ...do my stuff... },      function(e){ e.preventDefault(); ...do my stuff... });我也嘗試過(guò)使用return false;,但是它不起作用。這是我的問(wèn)題的一個(gè)示例:http : //jsfiddle.net/4rEzz/。鏈接應(yīng)該淡出而不會(huì)變灰。如fudgey所述,一種解決方法是使用重置懸浮樣式,.css()但是我必須覆蓋CSS中指定的每個(gè)屬性(請(qǐng)參見(jiàn)http://jsfiddle.net/raPeX/1/)。我正在尋找一個(gè)通用的解決方案。有誰(shuí)知道如何做到這一點(diǎn)?PS:我不想覆蓋為懸停設(shè)置的所有樣式。
查看完整描述

3 回答

?
莫回?zé)o

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');

)


查看完整回答
反對(duì) 回復(fù) 2019-10-18
?
qq_花開(kāi)花謝_0

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è)答案有幫助。


查看完整回答
反對(duì) 回復(fù) 2019-10-18
  • 3 回答
  • 0 關(guān)注
  • 4621 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)