1

私はこれを処理しようとしてきましたが、うまくいかないようです。私は答えを求めてインターネットとスタックオーバーフローを精査しましたが、これに対して実際に機能するものを見つけることができないようです. 誰かがここで私を助けることができれば、それは素晴らしいことです!

<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 に答える