Question

我创建了一个jquery html（）函数的基本示例，但它不起作用：

＆＃13;

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>

    var html = "<div>Test</div>";
    $('#TestDiv').html(html);

</script>
</head>
<body>

    <div id="TestDiv" style="height:50px;width:50px;border:1px solid black;"></div>

</body>
</html>

＆＃13;

View on JSBin

知道问题可能是什么？

Answer 1

你错过了把它放在docmuent ready

上

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready( function()
{
    var html = "<div>Test</div>";
    $('#TestDiv').html(html);
}
);
</script>
</head>
<body>

    <div id="TestDiv" style="height:50px;width:50px;border:1px solid black;"></div>

</body>
</html>

为什么这个jquery html（）函数不起作用？

1 个答案: