javascript - DIVのHTMLを変更するjQueryが機能しない

Question

ページの下部に div があります。

<div id="stickyplayer">Loading..</div>

そして、同じページの他の場所:

<a onclick="$('#stickyplayer').html('Foobar')" href="javascript:void(0);">Select</a>

リンクをクリックしても何も起こりません。あ

$(document).ready(function() {
    $('#stickyplayer').html('Foobar');
});

どちらも機能しません。

jQuery は確かにページに含まれています。ここで何が問題なのですか？

score 3 · Accepted Answer

それはうまくいきます：

<div id="stickyplayer">Loading..</div>

<a onclick="$('#stickyplayer').html('Foobar')" 
href="javascript:void(0);">Select</a>

ファイルの参照が見つからない可能性がありjsます:

<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script>

ここで確認できますJSFiddle

score 2 · Accepted Answer

私はあなたのコードをテストしました

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

正しく動作します...

確かに

$(document).ready(function() {
    $('#stickyplayer').html('Foobar');
});

ページの準備ができたときに div の値も変更しました

問題が見つかることを願っています。

score 0 · Accepted Answer

コードは機能します。おそらく、アイテムを間違った場所に配置したか、他のコードと干渉しています。

3 に答える 3