点击每一步的进度条—>(粗心导致的错误)

在做页面导航显示进度条,当点击每一步时,当前那步的圆点为实心,其余为空心

静态的写法:

                $("#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]);
            }
        }

posted @ 2013-02-18 20:00  MoenyChen  阅读(173)  评论(0编辑  收藏  举报