2010-04-18 105 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> 

這個代碼粘貼代替烏爾查詢

,將工作