JQuery 滑动效果不起作用?

标签 jquery web-applications javascript client-side-scripting

对我来说,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 的新手。

最佳答案

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

关于JQuery 滑动效果不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12786613/

相关文章:

jQuery 拖放在 Chrome 中只拖放一次

javascript - CSS Fit div Height 自动适应两个div之间的可用空间

java - 是否允许使用静态 setter/getter?

javascript - 找到一种方法来不匹配正则表达式中包含@的网址

javascript - 引用错误 : json is not defined when AJAX call the server method

javascript - 我如何使用 jQuery 添加分段表单字段并在添加不同值时进行更新?

java - 从非常大的结果集中呈现数据的最佳方式是什么?

sql-server - 存储过程与无存储过程 - 安全观点

javascript - 将包含双引号的字符串从 node.js 脚本传递给 VBScript

javascript - Kendo 自动完成必须选择验证