亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

ul的li移入后點擊事件與移出事件沖突

ul的li移入后點擊事件與移出事件沖突

眼眸繁星 2018-11-22 18:13:04
如圖:我想要的效果是,ul的li,移入顏色變red,移入變blue;但是如果選中了(也就是點擊了)某個li,希望在點擊下一個li之前,這個li一直是red,哪怕鼠標從它身上再次穿過,觸發移出事件,也還是要保持red,知道另一個li被點擊。下面是我的代碼,這樣的代碼實現的效果只能是,點擊之后,當下移出li不變blue,但是再次移入移出這個點擊過的li,它的顏色就不能保持red而變為blue了。有沒有大神幫忙解決下=-=先提前說聲謝謝了<ul class="h1">    <li>1</li>    <li>2</li>    <li>3</li>    <li>4</li>    <li>5</li></ul><script>    $('.h1 li').mouseenter(function(){        $(this).css({"background":"red"})        $(this).on("click",function(){            $('.h1 li').css({"background":"blue"})            $(this).css({"background":"red"})            $(this).mouseleave(function(){                $(this).css({"background":"red"})            })        })    }).mouseleave(function(){        $(this).css({"background":"blue"})    })</script>
查看完整描述

1 回答

?
天涯盡頭無女友

TA貢獻1831條經驗 獲得超9個贊

css的位置改變一下,就能達到效果。不信你試試。DEMO我后面有空寫一個。

js只是區分你單擊的是那個


查看完整回答
反對 回復 2018-12-14
  • 1 回答
  • 0 關注
  • 1023 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號