在做页面导航显示进度条,当点击每一步时,当前那步的圆点为实心,其余为空心
静态的写法:
$("#typeCircle ul lii").eq(_this.indexVal).removeClass().addClass(“blackCircle”).siblings().addClass(“tipCircleList”);
动态写法(错误):
$("." + getCircleID + " ul li").eq(_this.indexVal).removeClass().addClass(getCircleCss[0]).siblings().addClass(getCircleCss[1]);
一开始,无论怎么样刷新页面,页面还是没有应用到相应的样式,但是getCircleCss[0]和getCircleCss[1]都能获取到值,还以为少了个双引号,于是就写成 $("." + getCircleID + " ul li").eq(_this.indexVal).removeClass().addClass(“”+getCircleCss[0]+“”).siblings().addClass(“”+getCircleCss[1]+“”);但还是没有反应,接着就问别人,别人建议说把getCirClass[0]的值转换一下类型 .tostring typeof() ...之类的都试试,于是就alert(type(getCircleCss[0])),结果为string类型,好像没什么用,在无意之间alert(getCircleID),发现是underfind,这才知道原来一开始把tgetCircleID是id而不是class,之前改了后没有改正过来,导致悲剧了,而且更郁闷的是,我问别人问题是只是截了动态写法(错误)那一小段,增加了解题的难度........
<div class="tipCircle" id="typeCircle">
<ul>
<li class="blackCircle"></li>
<li class="tipCircleList"></li>
<li class="tipCircleList"></li>
</ul>
</div>
jQuery(function () {
var navigarionObj = new Navigation();
navigarionObj.NavigationStart({
circleID: "typeCircle",
circleCss: new Array("blackCircle", "tipCircleList")
});
//圆点开始
if (_this.NavigationOptions.circleID != "") {
if (_this.NavigationOptions.circleCss.length > 0) {
var getCircleID = _this.NavigationOptions.circleID;
var getCircleCss = _this.NavigationOptions.circleCss;
//当前的为黑点,其他同辈元素为普通点
$("#" + getCircleID + " ul li").eq(_this.indexVal).removeClass().addClass(getCircleCss[0]).siblings().addClass(getCircleCss[1]);
}
}