关于使用data()获取自定义属性出现undefined的说明
2017-10-30 16:37
435 查看
这应该是这个函数的一个bug,没有考虑到驼峰式的写法,当我写成驼峰式,即是有大小写的变量时就会出现没有定义的情况。
今天写个交互,需要用到自定义属性,因为这个自定义属性是当作字段用的,就直接用了字段名称,结果发现取出来是 undefined ,检查了好几遍没有代码错误,试了下另外一个字段,发现可以取到,看了下区别,取不到值得自定义属性是带有驼峰的,难道是这个问题?去掉了驼峰中的大写,发现可以了,可以了!!!
代码如下:
field
orderWay
});
[/code]
修改如下:
orderWay
});
[/code]
两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery实现 data 的时候应该是存在问题的。还有一点需要说明,就是vue后台给的数据要是字符串,不能是布尔值。不然为‘’
今天写个交互,需要用到自定义属性,因为这个自定义属性是当作字段用的,就直接用了字段名称,结果发现取出来是 undefined ,检查了好几遍没有代码错误,试了下另外一个字段,发现可以取到,看了下区别,取不到值得自定义属性是带有驼峰的,难道是这个问题?去掉了驼峰中的大写,发现可以了,可以了!!!
代码如下:
<a data-field="price" data-orderWay="desc">单价</a>
[code]$
wrap.
on(
',click'
'a',
function() {
var
$this
=[/code]
$(this),
field
=[/code]
$this.
data(
'field'),
orderWay
=[/code]
$this.
data(
'orderWay');
console.
log(field);
//[/code]*price[code]*
console.
log(orderWay);
/*[code]undefined
*/[/code]
});
[/code]
修改如下:
<a data-field="price" data-orderway="desc">单价</a>
[code]$
wrap.
on(
',click'
'a',
function() {
var
$this
=[/code]
$(this),
orderWay
=[/code]
$this.
data(
'orderway');
console.
log(orderWay);
//[/code]*desc[code]*
});
[/code]
两处代码,仅仅是将 orderWay 改成 orderway 而已,区别这么大,jQuery实现 data 的时候应该是存在问题的。还有一点需要说明,就是vue后台给的数据要是字符串,不能是布尔值。不然为‘’
相关文章推荐
- 使用javascript 获取 data- 自定义属性
- 使用jQuery获取data-的自定义属性
- 使用jQuery获取data-的自定义属性
- 关于jquery中data添加获取Element自定义属性
- 使用表达式树,获取类的属性说明
- HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
- 使用反射获取枚举的自定义属性Attribute及其他使用方式
- __attribute__编绎属性、关于__init、__initdata、__exit、__exitdata及类似的宏、关于initcall的一些宏定义、__setup宏的来源及使用
- 关于alt属性的使用说明
- html5的自定义data-*属性和jquery的data()方法的使用
- HTML中data自定义属性的使用和插件应用
- HTML中data自定义属性的使用和插件应用介绍
- html5的自定义data-*属性和jquery的data()方法的使用示例
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- 关于Data Access Blok (SqlHelper.cs)使用时出现"对象必须实现 IConvertible/Object must implement IConvertible."异常
- __attribute__编绎属性、关于__init、__initdata、__exit、__exitdata及类似的宏、关于initcall的一些宏定义、__setup宏的来源及使用
- Xqk.Data数据框架使用说明之:如何自定义数据表名
- 使用js在IE9中获取标签自定义属性
- HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
- 关于使用CursorAdapter()时出现“column '_id' does not exist”错误的说明及解决方案