2

在我的 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>

结果,在浏览器中,我得到“未定义的社会”而不是“你好社会”

请问有什么想法吗?

4

1 回答 1

5

这里的问题是您的名字中有一个大写字母。这在 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

例子

JSFiddle 示例

于 2013-03-13T17:07:03.470 回答