Question

我似乎无法隐藏“tohide”元素，因此切换也不起作用。 Dreamweaver告诉我，我的错误是这一行});出现在$("#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>

Answer 1

尝试更改您的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>

Answer 2

而不是：

<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"的元素。

Answer 3

这是更正后的标记。

<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>

请注意，您在从谷歌调用脚本时也出错了最好在本地加载它。

度过愉快的一天：）

jQuery隐藏问题

3 个答案: