试图切换CSS属性,但我的jquery出现了问题
Trying to switch CSS properties but something is wrong with my jquery
我正在切换div的css。在了解了人们尝试类似事情的情况后,我将我认为有效的代码组合在一起,但当我在适当的位置按下shift键(键代码16)时(添加了".slide"answers".active"),什么都没发生。这里的关键是,我混合和匹配了我在网上找到的各种代码,所以也许我错过了一些简单的东西。我对jquery/javascript的了解非常有限。谢谢你的帮助。
这是HTML/CSS
<div class="slide active loading background292929">
<div class="drop_down_menu">
</div>
</div>
.drop_down_menu {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
position: absolute;
background-color: rgba(255,255,255,.5);
width: 100%;
height: 100%;
z-index: 500;
}
这是代码:
<script type="text/javascript">
$(function () {
$(document).on("keyup", function (e) {
if (e.keyCode == 16) {
$(".slide.active > div.drop_down_menu").toggle(function () {
$("drop_down_menu").css({
"display": "none"
});
}, function () {
$("drop_down_menu").css({
"display": "block"
});
});
}
});
</script>
您在$("drop_down_menu")
中缺少DOT,它应该是$(".drop_down_menu")
<script type="text/javascript">
$(function () {
$(document).bind('keyup', function(e) {
(e.keyCode == 16) && ($(".drop_down_menu").toggle());
});
});
</script>
请看下面的答案:
http://jsfiddle.net/ooh7fmuy/1/
我还稍微简化了您的代码——而且div
最初是透明的黑色,所以您可以在实际操作中看到它。
首先,toggle函数接受两个参数:.toggle( [duration ] [, complete ] )
但你不需要这些。
<script type="text/javascript">
$(function () {
$(document).on("keyup", function (e) {
if (e.keyCode == 16) {
$(".slide.active > div.drop_down_menu").toggle();
}
});
</script>
http://api.jquery.com/toggle/
相关文章:
- 我的jQuery插件参数没有正确启动,遇到了问题
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 元素在我的代码中不会.fadeTo.Don'I don’我不知道;s错误的JavaScript、JQuery、H
- 用我的json数据填充JQuery DataTable
- Don'我不明白为什么我的setInterval+jQuery;不起作用
- 我的jquery代码不起作用.为什么?
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- JavaScript,JQuery.需要帮助才能获得'name'从我的JSON中删除
- 为什么jquery悬停在jsfiddle中可以工作,而在我的html布局中却不能
- 为什么这个jQuery可以作为一个小提琴工作,但在我的网页上没有
- 如何在我的html网页中使用jquery自动完成
- 我的jquery中出现NaN错误
- 更新数据,而不是用javascript和jquery将其添加到我的表中
- Jquery - 将我的两个类相乘没有结果
- 我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误
- 我如何才能找到哪些网站使用我的jQuery插件
- Html、css和jQuery.我的代码有问题
- jQuery:我的函数需要一个反垃圾邮件
- jQuery-我的代码没有't似乎适用于所有浏览器
- jQuery:我的.remove()在.fadeout()完成之前发生