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

工作正常：

<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

Answer 2

我已经使用

测试了您的代码

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

正常工作......

确实

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

还在页面准备好时更改了div的值

希望你找到问题。

Answer 3

代码有效。也许您将物品放在错误的地方或对其他代码有任何干扰。