为什么这个 jquery html() function 不起作用？

Question

I created this very basic example of a jquery html() function but it doesn't work:我创建了一个 jquery html() function 的这个非常基本的示例，但它不起作用：

 <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>

View on JSBin在 JSBin 上查看

Any idea what the issue might be?知道问题可能是什么吗？

Answer 1

You miss put it on 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>

Answer 2

put your script after div tag or if you want to keep the script within the head tag then you need to included it in $(), like so:将你的脚本放在div标签之后，或者如果你想将脚本保留在head标签中，那么你需要将它包含在 $() 中，如下所示：

为什么这个 jquery html() function 不起作用？

问题描述

2 个解决方案

解决方案1
0 2016-10-28 22:53:33

解决方案2
0 2022-12-14 17:42:06

为什么这个 jquery html() function 不起作用？

问题描述

2 个解决方案

解决方案1 0 2016-10-28 22:53:33

解决方案2 0 2022-12-14 17:42:06

解决方案1
0 2016-10-28 22:53:33

解决方案2
0 2022-12-14 17:42:06