今天有一個(gè)項(xiàng)目要做下拉菜單,是要懸停上去然后出現(xiàn)下拉菜單,然后我的下拉菜單部分如下?<div class="dropdown">? ? ? ? ? ? <ul>? ? ? ? ? ? <li>? ? ? ? ? ? <a href="##"><span>小</span>小學(xué)</a>? ? ? ? ? ? <div class="dropdownmenu1">? ? ? ? ? ? <ul>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a>3</li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? </ul>? ? ? ? ? ? </div>? ? ? ? ? ? </li>? ? ? ? ? ? <li>? ? ? ? ? ? <a href="##"><span>初</span>初中</a>? ? ? ? ? ? <div class="dropdownmenu1">? ? ? ? ? ? <ul>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? </ul>? ? ? ? ? ? </div>? ? ? ? ? ? </li>? ? ? ? ? ? <li>? ? ? ? ? ? <a href="##"><span>高</span>高中</a>? ? ? ? ? ? <div class="dropdownmenu1">? ? ? ? ? ? <ul>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? </ul>? ? ? ? ? ? </div>? ? ? ? ? ? </li>? ? ? ? ? ? <li>? ? ? ? ? ? <a href="##"><span>升</span>升學(xué)考</a>? ? ? ? ? ? <div class="dropdownmenu1">? ? ? ? ? ? <ul>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? </ul>? ? ? ? ? ? </div>? ? ? ? ? ? </li>? ? ? ? ? ? <li>? ? ? ? ? ? <a href="##"><span>優(yōu)</span>優(yōu)等生</a>? ? ? ? ? ? <div class="dropdownmenu1">? ? ? ? ? ? <ul>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? <li><a href="#">123123</a></li>? ? ? ? ? ? </ul>? ? ? ? ? ? </div>? ? ? ? ? ? </li>? ? ? ? ? ? </ul>?? ? ? ?</div>然后我綁定了一個(gè)mouseover事件到li上,li里有一個(gè)a標(biāo)簽,然后現(xiàn)在就是我懸停過去的時(shí)候,如果鼠標(biāo)移到li里a標(biāo)簽的內(nèi)容上,就會(huì)觸發(fā)mouseout事件,然后下拉菜單就會(huì)收回,然后再次出現(xiàn),再收回。。我現(xiàn)在弄懂了是因?yàn)橐频絘上,瀏覽器會(huì)認(rèn)為你移出li了。然后由于事件冒泡,下拉菜單收回后又回再出現(xiàn),但是我現(xiàn)在就是想不通這種情況怎么辦。求各位大神給個(gè)解決方法啊
大家做下拉菜單時(shí)有沒有這個(gè)問題。
Sprash
2016-05-11 17:31:16