2010-01-25 73 views
3

這是一個簡單的jQuery代碼,我想要做的是隱藏#bling,但它並不這個簡單的jQuery代碼有什麼問題?

<script language="javascript"> 

$("document").ready(function() { 

     $('#bling').hide(); 


    }); 

</script> 

<div id="bling" style="background-color:#FFFF66; width:100px; height:100px;"></div> 

感謝 戴夫

+1

這應該不會影響這段代碼,但語言應該可能類似'language =「text/javascript」' – Anonymous 2010-01-25 08:07:21

+1

該代碼在Firefox和IE8中正常工作。你確定你已經加載了Jquery嗎? – zombat 2010-01-25 08:08:38

+5

@anonymous:語言屬性的值是正確的。不過最好使用type =「text/javascript」 – 2010-01-25 08:08:41

回答

9

變化$("document")$(document)

+0

刪除那不會幫助 – X10nD 2010-01-25 08:10:23

+0

你在HTML中包含jQuery嗎? – 2010-01-25 08:11:50

+0

test
' 檢查上述出 – X10nD 2010-01-25 08:18:08

0

變化:

$(「document」)。ready(function(){

//..to ..

$(函數(){

+0

也不管用,這是得到真正的怪異 – X10nD 2010-01-25 08:25:37

0

確保您包括jQuery的核心JavaScript文件中的HTML。最重要的是,你的代碼應該看起來更像是這樣的:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#bling').hide(); 
}); 
</script> 

注意在腳本標籤type屬性以及document不加引號。

+0

test
X10nD 2010-01-25 08:26:32

3

我測試的代碼,它工作得很好,雖然你們有串"document"而不是document和腳本標記一個古老language屬性...

使用type="text/javascript"上的腳本標籤。你可以只發送功能jQuery對象作爲快捷方式使用準備功能:

<script type="text/javascript"> 

$(function(){ 
    $('#bling').hide(); 
}); 

</script> 

但是,因爲它不是這個代碼的問題,還有其他人在你的頁面的東西,導致它。

  • 檢查您是否已成功包含jQuery腳本。

  • 檢查您是否沒有ID爲「bling」的其他元素。一個id在頁面中必須是唯一的。

  • 檢查Javascript錯誤消息。在IE中檢查通知的狀態欄。在Firefox中打開Javascript控制檯。

0

確保jQuery是加載:

<script language="javascript"> 

$(document).ready(function() { 

     alert('Can you hear me now?'); 
     //$('#bling').hide(); 


    }); 

</script> 
1

對我的作品,因爲它是。 嘗試從jquery站點使用jquery,代碼如下。

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

$("document").ready(function() { 

     $('#bling').hide(); 


    }); 

</script> 

<div id="bling" style="background-color:#FFFF66; width:100px; height:100px;">aaaaaaaa</div> 

看看它是否有效。

+1

注:這還不包括從jQuery網站的腳本,它包括它從谷歌網站。 – Guffa 2010-01-25 12:51:59