Question

对我来说JQuery Slideing效果不起作用？我曾多次尝试但没有任何反应。

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

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的新手。

Answer 1

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

Answer 2

这是 - ＆gt; http://jsfiddle.net/2aLv4/

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

你不应该在你的HTML ID中使用＃，而且还有一行就像这样

buttonid=

这也应该修复。

JQuery Sliding效果不起作用？

2 个答案: