-1

このコードをHTMLで実行すると、オブジェクトの予期されるエラーが発生し、ボタンを機能させることができません。これは私のコードです。

<button type="button" id="button">Click</button>

<script language="javascript" type="text/javascript">

$("button").click(function () {
    $("p").addClass("highlight");
})
</script>

デバッガーは、エラーが$( "button")。click(function(){

これは私のHTML全体です:

http://jsfiddle.net/J7QFy/

両方のボタンで色を変更することはできません。色が黄色に変わるだけです。これはこのフィドルサイトではある程度機能するようですが、オブジェクトの予期されるエラーが発生するため、InternetExplorerからこれを実行することはできません。Internet Explorerから実行するとは、ブラウザでhtmlページファイルを開くことを意味します。

ありがとう

4

5 に答える 5

1

ばかげた質問かもしれませんが、JQueryjsファイルを含めましたね。

于 2012-05-23T13:23:14.933 に答える
1
<button type="button" id="button">Click</button>
<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
    })
});
</script>

http://jsfiddle.net/4vx7J/

編集:これを試してください

http://jsfiddle.net/J7QFy/11/

于 2012-05-23T13:25:32.087 に答える
0

正しく実行するには、このコードをドキュメント対応のjqueryコードで囲む必要があります。

$(document).ready(function() {

}
于 2012-05-23T13:24:07.730 に答える
0

クリックイベントをバインドする他の方法を試しましたか?

$(function() {
  $("button").on({
    'click': function() {
      $("p").addClass("highlight");
    }
  });
});
于 2012-05-23T13:27:24.573 に答える
0
<style>
.highlight {background-color: red;}
</style>
<button type="button" id="button">Click</button>
<p>foo!!!</p>

<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
        })
});
</script>​

http://jsfiddle.net/UQ43j/2/

于 2012-05-23T13:29:40.083 に答える