你只需要将脚本中的鼠标移入事件 修改 为 点击事件 即 mouseover -> click
对应脚本位置如下
$("#nav_lis").on("click", function(e){ $(this).find("li").removeClass("hover"); e.target.className = "hover"; var index = e.target.getAttribute("data-index"); // var divs = $("#nav_uls>div"); for(var i=0,ci; ci = divs[i]; i++){ if(index == ci.getAttribute("data-index")){ $(ci).addClass("show"); }else{ $(ci).removeClass("show"); } } });