如圖:我想要的效果是,ul的li,移入顏色變r(jià)ed,移入變blue;但是如果選中了(也就是點(diǎn)擊了)某個(gè)li,希望在點(diǎn)擊下一個(gè)li之前,這個(gè)li一直是red,哪怕鼠標(biāo)從它身上再次穿過,觸發(fā)移出事件,也還是要保持red,知道另一個(gè)li被點(diǎn)擊。下面是我的代碼,這樣的代碼實(shí)現(xiàn)的效果只能是,點(diǎn)擊之后,當(dāng)下移出li不變blue,但是再次移入移出這個(gè)點(diǎn)擊過的li,它的顏色就不能保持red而變?yōu)閎lue了。有沒有大神幫忙解決下=-=先提前說聲謝謝了<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>
ul的li移入后點(diǎn)擊事件與移出事件沖突
眼眸繁星
2018-11-22 18:13:04