为什么这个 JQuery 内部 html 集不起作用？ [关闭]答案

【问题标题】：Why won't this JQuery inner html set work? [closed]为什么这个 JQuery 内部 html 集不起作用？ [关闭]
【发布时间】：2013-03-09 18:00:26
【问题描述】：

我一直在努力解决这个问题，但它似乎不想工作。我已经在互联网和 stackoverflow 上搜索了答案，但我似乎找不到任何真正适用于此的东西。如果有人可以在这里帮助我，那就太棒了！

<html>
    <head>
        <script rel="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">

        $(document).ready(function(){
            $(".box").html("sing!!!!");
        });
        </script>

        <style>
            .box{
            border:2px solid black;
            padding:12px;
            }
        </style>
    </head>

    <body>
        <div class="box">
            This will be replaced with a JQuery statement.
        </div>
        <p>
            This is text to be left UNALTERED.
        </p>
    </body>
</html>

【问题讨论】：

这可能是因为您正在加载 jquery 库并在单个标记中声明脚本语句。见stackoverflow.com/questions/6528325/…
旁注：script 标签没有rel 属性，type 属性普遍默认为text/javascript，因此您应该完全关闭rel，并且您 如果您愿意，可以关闭type（如果您使用的是 JavaScript）。

标签： jquery innerhtml

【解决方案1】：

jquery的脚本标签没有关闭。

 <script rel="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

 <script>
        $(document).ready(function(){
            $(".box").html("sing!!!!");
        });
 </script>

【讨论】：

好的，所以这是一个单独的脚本标签设置在头部？好吧，我想这是有道理的。谢谢！

【解决方案2】：

script tag 可以或者拥有src 属性来加载外部文件，或内联内容，但不能同时拥有。如果两者都提供，则内联内容将被忽略（在大多数浏览器上）。

所以你的script 标签：

<script rel="javascript" type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">

$(document).ready(function(){
    $(".box").html("sing!!!!");
});
</script>

...无效。您需要结束加载 jQuery 的那个，然后为您的代码打开一个 new：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
    $(".box").html("sing!!!!");
});
</script>

（请参阅我对这个问题的评论，了解我为什么要从中删除 rel 和 type。）

【讨论】：