这个简单的jQuery代码有什么问题?

时间:2010-01-25 08:05:35

标签: jquery

这是一个简单的jQuery代码,我想要做的是隐藏#bling,但它不是

<script language="javascript">

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

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


  }); 

</script>

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

由于 戴夫

6 个答案:

答案 0 :(得分:9)

$("document")更改为$(document)

答案 1 :(得分:3)

我测试了代码,它运行正常,尽管脚本标记为"document"而不是document,而脚本标记上有一个古老的language属性...

在脚本代码上使用type="text/javascript"。您可以将函数发送到jQuery对象,作为使用ready函数的快捷方式:

<script type="text/javascript">

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

</script>

但是,由于这段代码不是问题所在,因此页面中还有其他内容会导致问题。

  • 检查您是否已成功包含jQuery脚本。

  • 检查您是否有另一个ID为“bling”的元素。 ID必须在页面中是唯一的。

  • 检查Javascript错误消息。在IE中,检查状态栏以获取通知。在Firefox中打开Javascript控制台。

答案 2 :(得分: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>

看看它是否有效。

答案 3 :(得分:0)

更改:

$(“document”)。ready(function(){

// .. ..到

$(function(){

答案 4 :(得分:0)

确保在HTML中包含jQuery核心javascript文件。最重要的是,您的代码看起来应该更像这样:

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

请注意脚本标记上的type属性以及document不是引号。

答案 5 :(得分:0)

确保jQuery正在加载:

<script language="javascript">

 $(document).ready(function() {  

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


  }); 

</script>