个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个页面，有一个导航栏和旁边，如下网址所示:/image/pKjJ2.jpg
当我点击导航栏中的第一个项目(即图像)时，我希望旁边淡出，或者如果它已经淡出，我希望它淡入。我现在只是尝试使用 jquery 淡出但该事件似乎没有做任何事情。
我尝试在 jquery 中使用 class、id、child、find 函数。这些似乎都没有帮助
这是我的代码:
html
<head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/action-bar.js"></script>
</head>
<html>
<body>
<header class=header>
</header>
<nav class=navigation-bar>
<a href=""><img id="menu-img" class="nav-action-image" src="menu_icon.png"/></a>
<a class="active" href="#Summary">Summary</a>
<a href="#Summary2">Preferences</a>
</nav>
<aside class="action-block">
<div class="action-block-element-main">Some text</div>
</aside>
</body>
</html>
jquery
$(function(){
$(".navigation-bar").find("#menu-img").click(function() {
$(".action-block").fadeOut(3000));
});
});
当我单击导航栏中的第一个图像项目时，我希望其下方的旁栏淡出。我在这里做错了什么？
最佳答案
您可以使用 fadeToggle 方法来来回切换。没有必要使用 find - 只需定位图像即可。您的 img 有一个空的 href，导致点击离开页面。
$(document).ready(function() {
$("#menu-img").click(function() {
$(".action-block").fadeToggle(3000);
});
});<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<nav class="navigation-bar">
<a href="#"><img id="menu-img" class="nav-action-image" src="https://picsum.photos/50" /></a>
<a class="active" href="#Summary">Summary</a>
<a href="#Summary2">Preferences</a>
</nav>
<aside class="action-block">
<div class="action-block-element-main">Some text</div>
</aside>关于javascript - 我将如何使用 jquery click 从导航栏中的元素淡出 html 中的旁白部分？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57565818/
25
4
0
我正在创建一个应用程序，供视障用户使用画外音(在 iPhone 的内置屏幕阅读器中)使用。某些视障人士使用外接键盘。 1)有没有办法使用xCode控制iPhone中控件的读取顺序？我希望一个特定的控件
我在我的 iOS 应用程序中分配给 accessibilityLabel(s) 的一些文本包含“混合语言”。 例如，在德语中，文本将是“Bier und guter Sound”。用德语 VoiceO
使用旁白，UIAccessibility.post(notification: .layoutChanged, argument: someView)只是重新宣布当前聚焦的元素，而不是移动焦点并宣布s
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题吗？ 更新问题，以便 editing this post 提供事实和引用来回答它. 关闭去年。 社区审核了是否要重新打
我有一个 UIViewController 让我们称之为 MainViewController，一个子 Controller 实例(UITableViewController 类型的 ChildVie
我知道所有这些标签都有不同的语义，比如 article 是一个独立的故事； section 是页面的独立部分... 从很多方面来说，它们都是很好用的标签。但是，它们只是语法糖吗？因为我没有看到它们之间
我是一名优秀的程序员,十分优秀！