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>

その結果、ブラウザでは「Hello social」ではなく「undefined social」と表示されます。

任意のアイデアをお願いします?

4

1 に答える 1

5

ここでの問題は、名前に大文字が含まれているという事実です。これは、jQuery セレクターで何かが異なることを意味します。それを修正する2つの方法。

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 に答える