0

私のコンピューター上のファイルのコード

<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <link rel="stylesheet" href="style.css" type="text/css">
    <script>
    $("#word").blur(function() {
alert('test');
$("#fo").innerHtml("focusout fired");}
);
</script>
</head>

<body>
<div id='word' contenteditable="true" title="Character Name"></div>
<div id='foo'>Foo</div>
</body>

ジフィドル_

このコードは (部分的に) jfiddle で動作し、イベントを発生させますが、foo div の内容は変更しません。質問は次のとおりです。

  • フィドルの div の内容を変更しないのはなぜですか。
  • ローカル コンピューターのコードが機能しないのはなぜですか?
4

2 に答える 2

3

ローカルで動作させるには、jquery コードを で囲む必要があり$(function(){})ます。また#fo、#foo

<script>
$(function(){
    $("#word").blur(function () {
        $("#foo").html("focusout fired");
    });
});
</script>

このフィドルをチェックしてください

innerHtml()また、私がに変更したことに注意してくださいhtml()

于 2013-06-01T01:41:19.597 に答える