对我来说,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>
<buttonid="#slide_down_link">down</ button>
<button id="#toggle23">toggle</button>
<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/