在我的 JSP 头部,我有这个:
<script type="text/javascript">
$(document).ready(function() {
var labelfooter = jQuery("#myId").data("mylabel");
var htmlContent = labelfooter +" society ";
var divContent = jQuery("#myId");
divContent.text(htmlContent);
});
</script>
然后,在正文部分,我有:
<div id="myId" data-mylabel="Hello" ></div>
因此,在浏览器中,我得到的是“未定义的社会”而不是“Hello Society”
请问有什么想法吗?
最佳答案
这里的问题是你的名字中有一个大写字母。这意味着 jQuery 选择器中有一些不同的东西。两种修复方法。
HTML
<div id="d1" data-fooBar="asdf1"></div>
<div id="d2" data-foo-bar="asdf2"></div>
JavaScript
var x1 = $("#d1").data("foobar"); //selects the camel case one
var x2 = $("#d2").data("fooBar"); //looks for the dash
示例
关于javascript - HTML 5 的 data 属性未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15391194/