-1

我正在学习 JS 并编写简单的代码来练习。在测试基本代码时（下面是最简单的示例之一），IE9 无法使其运行，而 Firefox 则没有问题。我已经按照 IE9>tools>internet options>security 中的配置指南来启用脚本的运行，但无济于事。最初我以为是我的 JS/jQuery 代码，但为了排除故障，我什至尝试了最简单的 JS 代码，只是被忽略了。我错过了什么？

<!DOCTYPE html>
<html>
<head>
    <style>
        div { color:blue; }
        span { color:red; }
    </style>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
    <div>
        The values stored were
        <span></span>
        and
        <span></span>
    </div>
    <script>
        $("div").data("test", { first: 16, last: "pizza!" });
        $("span:first").text($("div").data("test").first);
        $("span:last").text($("div").data("test").last);
    </script>
</body>

4

2 回答 2

2 
$("div").data("beauty", { first: 16, last: "beast" });
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);

它比看起来容易。您只需要更改beauty，test因为您将数据分配给beauty属性并且您正在尝试使用 检索它test。 JSFiddle

现在您的代码将如下所示：

$("div").data("test", { first: 16, last: "beast" });
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);
于 2013-05-20T12:42:22.317 回答
0

您将数据保存在键“beauty”下，但尝试使用键“test”检索数据，这将返回“undefined”。

将“测试”更改为“美丽”，它应该可以工作。

$(function(){
    $("div").data("beauty", { first: 16, last: "beast" });
    $("span:first").text($("div").data("beauty").first);
    $("span:last").text($("div").data("beauty").last);
});

编辑：@PabloFernandez 当您在 IE 中打开页面时，底部可能有一个黄色栏，上面写着“Internet Explorer 限制此网页运行脚本或 ActiveX 控件”，并带有一个按钮，上面写着“允许阻止的内容”。在它消失之前单击“允许阻止的内容”按钮，您的代码应该可以正常运行。

于 2013-05-20T12:42:55.617 回答