关于使用data()获取自定义属性出现undefined的说明
生活随笔
收集整理的這篇文章主要介紹了
关于使用data()获取自定义属性出现undefined的说明
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
這應(yīng)該是這個(gè)函數(shù)的一個(gè)bug,沒有考慮到駝峰式的寫法,當(dāng)我寫成駝峰式,即是有大小寫的變量時(shí)就會(huì)出現(xiàn)沒有定義的情況。
今天寫個(gè)交互,需要用到自定義屬性,因?yàn)檫@個(gè)自定義屬性是當(dāng)作字段用的,就直接用了字段名稱,結(jié)果發(fā)現(xiàn)取出來是 undefined ,檢查了好幾遍沒有代碼錯(cuò)誤,試了下另外一個(gè)字段,發(fā)現(xiàn)可以取到,看了下區(qū)別,取不到值得自定義屬性是帶有駝峰的,難道是這個(gè)問題?去掉了駝峰中的大寫,發(fā)現(xiàn)可以了,可以了!!!
代碼如下:
<a data-field="price" data-orderWay="desc">單價(jià)</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">單價(jià)</a> $wrap.on('click', 'a', function() {var $this = $(this),orderWay = $this.data('orderway');console.log(orderWay); /*desc*/});兩處代碼,僅僅是將 orderWay 改成 orderway 而已,區(qū)別這么大,jQuery實(shí)現(xiàn) data 的時(shí)候應(yīng)該是存在問題的。還有一點(diǎn)需要說明,就是vue后臺(tái)給的數(shù)據(jù)要是字符串,不能是布爾值。不然為‘’
轉(zhuǎn)載于:https://www.cnblogs.com/sweeeper/p/7755160.html
總結(jié)
以上是生活随笔為你收集整理的关于使用data()获取自定义属性出现undefined的说明的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: First Scrum 冲刺
- 下一篇: JSP自定义标签开发与打包