zoukankan      html  css  js  c++  java
  • 点击每一步的进度条—>(粗心导致的错误)

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

    静态的写法:

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

  • 相关阅读:
    用webclient.DownloadFile下载exe文件时大小为0
    C# ,asp.net 获取当前,相对,绝对路径(转)
    c#读取进程列表判断程序是否已经启动(转)
    如何提升页面渲染效率
    前端知识点总结——VUE
    ie7ajax 跨域 no transport 解决办法
    酷炫网址
    框架学习官网
    JavaScript数组方法大全(推荐)
    rem是如何实现自适应布局的
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2916176.html
Copyright © 2011-2022 走看看