![](/img/trans.png)
[英]Accessing HTML5 Custom Data Attributes for multiple instances of webpart
[英]Accessing HTML5 data attributes
我正在尝试使用HTML5 data- *属性。 但是我正在使用EasyUI框架,这是有问题的。
HTML5定义的选项设置如下: <div data-options="{region:'north', title:'North Region', border:true}">
但是EasyUI强制将其设置为(无大括号): <div data-options="region:'north', title:'North Region', border:true">
是否可以在不编写自己的解析器函数的情况下访问属性对象? 如果必须,但我认为必须有更好的方法。
谢谢你的帮助。
从源头上看,有一种方法可以做到这一点。
$.parser.parseOptions(element);
演示仅提取了方法: http : //jsfiddle.net/FnJAE/
注意:此方法未记录,因此如有更改,恕不另行通知。
如果您知道它将始终被格式化为对象,则可以:
jsonData = JSON.parse("{" + element + "}");
仅供参考,您真的不必进行所有解析。 尽管您的HTML确实需要对引号进行一些更改: 请参见参考jQuery.Data()HTML5
的HTML
<div id="Bob" data-options='{"region":"north", "title":"North Region", "border":"true"}'></div>
脚本
console.log($("#Bob").data("options").title);
// Will return String "North Region"
console.log($("#Bob").data("options").region);
// Will return String "north"
console.log($("#Bob").data("options").border);
// Will return String "true"
console.log($("#Bob").data("options")
// will return a JSON Object but it is EASY to convert to Array
var eleData = $("#Bob").data("options"),
eleArray = new Array();
for (x in eleData) { eleArray[x] = eleData[x]; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.