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


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

    静态的写法:

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

  • 相关阅读:
    linux操作提示:“Can't open file for writing”或“operation not permitted”的解决办法
    CSS中background:url(图片) 不能显示的问题
    CSS3background-size背景图片尺寸属性
    在GitHub上成果预览
    快速上手GitHub上传代码
    css布局模型(1)
    css+div浮动怎么让它在窗口大小变化时不改变位置
    node.js基于express框架搭建一个简单的注册登录Web功能
    node.js 安装使用http-server
    grunt安装与运行
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2916176.html
Copyright © 2020-2023  润新知