Question

我试图在点击链接时使用jquery显示/隐藏div。我把它放在我的脑子里：

<script type="text/javascript"> 
  $("#attach_box").click(function {
    $("#sec_box").show()
    });        
</script>

我的链接看起来像这样：

<a href="#" id="attach_box">+ Add a Postal Address (If Different)</a>

一个看起来像这样的div：

<div id="sec_box" style="display: none;">
Hello world!!               
</div>

这不起作用，我无法弄清楚原因。有什么想法吗？

Answer 1

您需要在click中附加document.ready处理程序，以确保浏览器已加载DOM并且所有元素都可用：

<script type="text/javascript"> 
   $(function() {
       $('#attach_box').click(function() {
           $('#sec_box').show();
           return false;
       });        
   });
</script>

您也忘了在()处理程序的匿名函数旁边放置括号click。

Answer 2

可能尚未满载DOM。

   <script type="text/javascript"> 
      $(document).ready(function()
      {  
         $("#attach_box").click(function() {
         $("#sec_box").show()
         });  
       });      
   </script>

把它放在脑中并将初始化代码放在那里。

单击链接时，Jquery显示div

2 个答案: