javascript - jQuery 更改 DIV 的 HTML 不起作用

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 确实包含在页面中。这里有什么问题？

Answer 1

It works fine:

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

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

You may be missing the reference of the js file:

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

You can check here JSFiddle

Answer 2

我已经测试了您的代码并使用

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

正常工作...

确实与

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

页面准备就绪时也更改了 div 的值

希望你能找到问题。

Answer 3

该代码有效。也许您将项目放置在错误的位置或与其他代码有任何干扰。