1

我一直在努力解决这个问题,但它似乎不想工作。我已经在互联网和 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>
4

2 回答 2

4

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>
于 2013-03-09T18:02:55.773 回答
3

script标签可以具有加载外部文件的属性,也可以具有内联内容,但不能同时具有两者。如果你同时给它,内联内容将被忽略(在大多数浏览器上)。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 的那个,然后为您的代码打开一个新的:

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

(请参阅我对这个问题的评论,了解我为什么要删除rel以及type从中删除。)

于 2013-03-09T18:04:02.333 回答