1

对我来说 JQuery 滑动效果不起作用？我尝试了很多次，但没有任何反应。

我使用了最新版本的浏览器并在所有领先的浏览器中进行了测试，但没有任何响应。

html代码是：

<html>
<head>
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript" >

</script>

<script type="text/javascript" >

$(function () {
    $("#slide_up_link").click(function () {
        $("#mydiv").slideUp("slow");
    });

    $("#slide_down_link").click(function () {
        $("#mydiv").slideDown("slow");
    });

    $("#toggle23").click(function () {
        $("#mydiv").slideToggle("slow");
    });

});


</script>
<style>
div#mydiv
 {
 border:  1px solid white;
  }


</style>

</head>

 <body>
 <button id="#slide_up_link">UP</ button>
   &nbsp;&nbsp;<buttonid="#slide_down_link">down</ button>&nbsp;&nbsp;

<button id="#toggle23">toggle</button>&nbsp;&nbsp;
 <div id="#mydiv" >
 <p>hai how are you </p><br>
  <p>i am fine </p><br>
 <p> bye</p><br>
  </div>
 </body>
 </html>

但是当我点击按钮时没有任何反应。为什么？请简要解释一下，因为我是 JQuery 和 javascript 的新手。

4

2 回答 2

2

由于 HTML 属性，您的 jQuery 选择器不匹配id="#id"，它应该是id="id"。#是 CSS 选择器中的保留字符，例如..
这是一个快速的小提琴：http: //jsfiddle.net/v375N/2/

于 2012-10-08T17:40:08.427 回答
1

这是-> http://jsfiddle.net/2aLv4/

只需要修复你的 HTML，JS 就可以了。

你不应该在你的 HTML id 中使用 # 并且还有一行是这样的

buttonid=

这也应该解决。

于 2012-10-08T17:44:27.087 回答