for遍历添加给每一个a标签添加点击事件,给每一个a标签添加地址,但是遍历后每一个按钮只添加最后一个地址
<div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li><a href="javascript:;">登录</a></li> <li><a href="javascript:;">注册</a></li> <li><a href="javascript:;">写点评</a></li> <li><a href="javascript:;">服务中心</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">广州<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="javascript:;"><center>城市(国内)</center></a></li> <li><a href="javascript:;"><center>省份(国内)</center></a></li> <li><a href="javascript:;"><center>港台</center></a></li> <li role="separator" class="divider"></li> <li><a href="javascript:;"><center>城市(国外)</center></a></li> <li><a href="javascript:;"><center>省份(国外)</center></a></li> <li><a href="javascript:;"><center>更多...</center></a></li> </ul> </li> </div>
var redirect = function(){ var menushrefs=[ '/login/loginindex', '/register/registerindex', '/register/registerindex', '/register/registerindex', '/location/getcityinchina' ]; //获取导航栏全部a标签 var lab = $('#navbar ul').children().filter('li').children().filter('a').not($('#navbar ul').children().filter('li').children().filter('.dropdown-toggle')); for(var x=0 ; x<menushrefs.length ; x++){ for(var x in menushrefs){ $(lab[x]).on('click',function(){ window.location.href = menushrefs[x]; }) }}();
事件执行时,for循环早就结束了,这个时候x已经是最大值加1了。
var redirect = function(){ var menusHrefs=[ '/login/loginIndex', '/register/registerIndex', '/register/registerIndex', '/register/registerIndex', '/location/getCityInChina' ]; //获取导航栏全部a标签 var lab = $('#navbar ul').children().filter('li').children().filter('a').not($('#navbar ul').children().filter('li').children().filter('.dropdown-toggle')); lab.on('click',function(event){ window.location.href = menusHrefs[lab.index(this)]; event.preventDefault(); })}();
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号