一個菜單,點擊各項更改背景,a標簽href="#"(后面5個)的可以正常更改,但是href=""(前面5個)的雖然執(zhí)行了js,但是好像是刷新了一下頁面,背景又回到了原來的樣子,這個href=""是怎么影響這個非期望的結(jié)果的?百思不得其解,真心求教!代碼如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>菜單</title> <style> ul{ list-style: none;} .menu{ width: 100%; height: 60px; line-height: 60px; background-color: #1b7271;}.menu li{ display: block; float: left;}.menu li a:hover,.menu li.on a { background-color: #105156;}.menu li a{ display: block; padding:0 15px; text-decoration: none; text-align: center; color: #fff;}</style> </head> <body> <ul class="menu" id="menu"> <li class="on"><a href="">首頁</a></li> <li><a href="">二十項人格</a></li> <li><a href="">定力訓(xùn)練</a></li> <li><a href="">作文寫作</a></li> <li><a href="">案例分享</a></li> <li><a href="#">國學(xué)課程</a></li> <li><a href="#">課程信息</a></li> <li><a href="#">教學(xué)參考</a></li> <li><a href="#">導(dǎo)師介紹</a></li> <li><a href="#">關(guān)于我們</a></li> </ul></body> <script src="jquery-1.10.2.min.js"></script><script> $(function () { $("#menu").on("click", "li", function () { $("#menu li").removeClass("on"); $(this).addClass("on").siblings().removeClass("on"); });});</script></html>
a標簽的href引發(fā)的點擊事件問題
ABOUTYOU
2019-03-07 14:15:42
