2010-04-18 101 views
4

以下jQuery示例应该将一些文本放入div中,但它不会。我试过Firefox,Google Chrome和Internet Explorer。这个jQuery示例有什么问题?

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript"></script> 
<script language="javascript"> 

$(window).load(function() { 

    $('adiv').html('<p>hello world</p>'); 
    alert('done'); 

}); 
</script> 
</head> 

<body> 
<div id="adiv"> 
</div> 
</body> 

</html> 

对不起,这可能是愚蠢的,但我卡住了。

+1

尝试类型= '文/ JavaScript的',而不是语言。这是一个弃用的属性。 – yarmiganosca 2010-04-18 18:29:19

+0

谢谢大家。抱歉只能接受1个答案。 e-turhan是最快的。 – 2010-04-18 18:43:31

+0

蒂姆你是对的。但是我做了这个,因为这个问题在2分钟左右后很快得到了回答。但是,SO允许我在10分钟后接受答案。我忘了随后将其删除。 – 2010-04-18 19:26:24

回答

10

变化$('adiv').html('<p>hello world</p>');

$('#adiv').html('<p>hello world</p>'); 
+0

并将$(window).load更改为$(document).ready – 2010-04-18 20:49:53

-1

尝试$(文件)。就绪(函数()...而不是$(窗口).load(函数()...

1

你在您选择功能时,您$(开盘后

直接实际上没有选择任何东西,你需要使用一个有效的CSS3选择器。只是一个字符串不会选择任何内容,除非它是一个HTML元素(tabledivh2

您需要使用.#作为前缀来表示类或ID名称。

0

$('adiv')应该是$('#adiv')

与Prototype不同,在jQuery中,您指定了一个CSS选择器,而不仅仅是隐式推断为ID的字符串。我发现自己不时忘记这一点。

0

正如e-turhan已经提到,您需要#adiv之前$()否则这不是一个id选择器。在.ready() jQuery事件中,将这些​​事件称为$(function() { //execute when DOM is ready });的着名快捷方式总是更好。你的情况:

$(function(){ 

$(window).load(
function(){ 
    $('#adiv').html('<p>hello world</p>'); 
} 

); 
0
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript"></script> <script language="javascript"> $(window).load(function() { $('#adiv').html('<p>hello world</p>'); alert('done'); }); </script> </head> <body> <div id="adiv"> </div> </body> </html> 

这个代码粘贴代替乌尔查询

,将工作