zoukankan      html  css  js  c++  java
  • 关于使用data()获取自定义属性出现undefined的说明

    这应该是这个函数的一个bug,没有考虑到驼峰式的写法,当我写成驼峰式,即是有大小写的变量时就会出现没有定义的情况。

    今天写个交互,需要用到自定义属性,因为这个自定义属性是当作字段用的,就直接用了字段名称,结果发现取出来是 undefined ,检查了好几遍没有代码错误,试了下另外一个字段,发现可以取到,看了下区别,取不到值得自定义属性是带有驼峰的,难道是这个问题?去掉了驼峰中的大写,发现可以了,可以了!!!

    代码如下:

        <a data-field="price" data-orderWay="desc">单价</a>
                        
        $wrap.on('click', 'a', function() {
            var $this = $(this),
                field = $this.data('field'),
                orderWay = $this.data('orderWay');
    
            console.log(field); /*price*/
            console.log(orderWay); /*undefined*/
        });
                        

    修改如下:

        <a data-field="price" data-orderway="desc">单价</a>
                        
        $wrap.on('click', 'a', function() {
            var $this = $(this),
                orderWay = $this.data('orderway');
    
            console.log(orderWay); /*desc*/
        });
                        

    两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery实现 data 的时候应该是存在问题的。还有一点需要说明,就是vue后台给的数据要是字符串,不能是布尔值。不然为‘’

  • 相关阅读:
    做事要趁早
    软件企业利润率知多少
    项目管理经验谈之意外事件处理
    App中调用iPhone的home + 电源键截屏功能
    WCF学习(一)
    10月博客学习一览
    设计模式之工厂模式读后感
    请教各位大鸟(关于附件上传)
    刚来的兄弟,一起扬帆起航吧
    巧用asp导出csv格式excel报表
  • 原文地址:https://www.cnblogs.com/sweeeper/p/7755160.html
Copyright © 2011-2022 走看看