代码之家  ›  专栏  ›  技术社区  ›  Ankur

jQuery隐藏问题

  •  0
  • Ankur  · 技术社区  · 16 年前

    }); 出现在下面 $("#mydiv").toggle();

    <html>
     <title>Hider</title>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"/>
     <script type="text/javascript">
       $(document).ready(function(){
         $('#tohide').hide();
         $("#click").click(function() {
           $("#tohide").toggle();
         })
       });;
     </script>
     </head>
     <body>
       <input type="submit" name="click" id="click" value="Submit" />
       <table id="tohide" width="100">
         <tr>
           <td bgcolor="#00FF33"><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
           </td>
         </tr>
       </table>
     </body>
    </html>
    
    3 回复  |  直到 16 年前
        1
  •  1
  •   Community Mohan Dere    9 年前

    而不是:

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

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

    这是 reason why .

    而且在您发布的标记中没有 id="mybutton" 也不是 id="mydiv"

        2
  •  2
  •   Alastair Pitts    16 年前

    尝试更改jquery脚本导入标记以包含 </script>

    发件人:

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

    致:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
        3
  •  0
  •   Herr    16 年前

    这是正确的标记。

    <html>
    <head>
        <title>Hider</title>
    </head>
    <body>
    
        <a href="#" id="link_1">TOGGLE</a>
    
        <div id="some_id">
    
            <h1>HELLO</h1>
    
        </div>
    
    
    <script src="jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
    
    <script type="text/javascript">
    
    
        $(document).ready(function() {
    
    
            $("#link_1").click(function() {
    
                $("#some_id").toggle();
                // Act on the event
            });
    
    
        });
    
    
    </script>
    
    
    </body>
    

    请注意,从google调用脚本时也有错误。

    祝你愉快:)