问题标签 [slidedown]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
9472 浏览

jquery - 简单的jQuery悬停向下滑动,反向向上滑动?

我有以下简单的向下滑动悬停菜单。

});

当您将鼠标悬停在 .menu-item 上时,它会向下滑动 .sub-menu,并在您离开时向上滑动,非常完美。

当您将鼠标悬停在 .menu-item 上时,我需要它向上滑动 .sub-menu,反之亦然。

我已经完成了交换 slideUp 和 slideDown 的明显操作,但它似乎不起作用。

有任何想法吗?

如果可以的话,非常感谢:)

0 投票
4 回答
2123 浏览

jquery - jQuery动画完成后如何执行.click()?

我想在单击链接后向上滑动一个 div,然后向下滑动另一个 div,然后转到下一页。
问题:在动画完成之前加载新页面。
问题:我该怎么做?
我应该使用 preventDefault 然后以某种方式恢复它吗?

这是网址:http ://www.jolandaschouten.nl/wordpress

这是代码,现在只为第一个菜单项实现:

ps:我不想用AJAX,因为SEO和浏览器导航问题。点击应该真正导致进入下一页。

0 投票
1 回答
699 浏览

javascript -

我有3个章节,在删除复选框时slidgedown()在复选框()未选中后幻灯片。

在表单的一部分中,我使用一个简单的按钮来运行一项功能。

如果我取消选中复选框以向上滑动内容,然后重新选中它以再次向下滑动内容,按钮中的文本会消失并留下一个小按钮,该按钮仍然有效,但不会通知用户它的作用.

任何帮助都会很棒。

谢谢

理查德

0 投票
3 回答
4791 浏览

jquery - jQuery-slideUp/slideDown 在 ul 上不起作用?

我的母版页中有以下代码:

jQuery:

HTML:

如果我将其更改为toggle("slide")它从一侧滑入,然后在鼠标进入和离开时从同一侧退出li.submenu。这意味着元素的存在是确定的,并且没有错别字。然而 slideDown 和 slideUp 功能似乎没有运行(除非慢意味着超快......)。

我为 jQuery 和 jQuery UI 包含的文件是 jquery-1.4.2.js 和 jquery-ui-1.7.2.custom.min.js。这已经足够了,不是吗?

我有 CSS 来指定子菜单立即显示或隐藏(display: block;/ display: none;),以防用户没有 JS。这是否有可能导致问题?我是否应该使用 JS 更改子菜单的类,以便在启用 JS 时 CSS 无法对其进行操作?还是有其他不是由 CSS 引起的问题?

0 投票
3 回答
9788 浏览

javascript - 修复 jQuery slideDown 动画结束时的垂直跳转

我是 Jquery 的新手,但写了一个简单的垂直手风琴。这似乎是我需要的工作,但在滑下的最后,有一个明显的混蛋。

如果有人可以查看它并提出解决方案,它将阻止我再拉出我的头发!

这是我的测试页面的链接(为方便起见,我的所有代码 [css、js 等] 都在一个文件中):Vertical Accordion

0 投票
1 回答
183 浏览

javascript - jQuery:没有动画提示 - 不适用于 slideDown 或 Fades

我正在做一个有几个动画的项目;淡入淡出、幻灯片和常规像素动画。

我的客户讨厌 jQuery “记住”您激活动画的次数,因此在您离开时继续制作动画(提示)(unHover ..如果那是一个词:-P)。

我找到了一个解决方案,它只适用于像素动画,而不适用于 slideDowns 和淡入淡出。就是在动画之前设置stop()。“停止()。动画”。

是否有适用于任何地方的解决方案?

谢谢!

0 投票
1 回答
207 浏览

jquery - jQuery 插件的测试页面在 Chrome 中查看时显示无样式代码的闪烁 - 为什么?

我正在尝试使用 jQuery 实现一个基本的向下滑动面板,基于以下插件:

http://samuelgarneau.com/lab/slidebox/

我遇到的问题是,当我在 Chrome 中查看时,左上角似乎有一闪而过的无样式内容(来自面板)。链接在这里:

http://www.asolidsite.com/clients/glennstar/custom/index.html

这在插件演示中不会发生 - 所以我一定是搞砸了。但我试过玩各种各样的东西,但没有运气。想知道是否有人对 jQuery 有一些见解。

我想知道 jQuery bg resizer 是否会干扰事物(并导致它在加载时滞后很多......)。

谢谢你的帮助!

0 投票
2 回答
802 浏览

jquery - 菜单按钮下方的jQuery slideDown移动FF中的所有其他按钮

我一直在研究一个菜单,并让它在 Chrome/Safari 中完美运行。URL 是http://www.penuli.nl/aboutvanwow.html

但是 FF 让我很难使用工具提示。每次我将鼠标悬停在一个按钮上时,所有其他按钮(它们是列表项中的 div)都会跳到其父项(列表项)的底部。我不明白他们为什么要这样做,因为所有物品都足够大,可以相互容纳,而不会“推动”其他物品。

评论框中是我制作的关于菜单的插图的链接 (我没有足够的声望点来发布图片)

使它可能有点复杂的事情(但它不应该与它有任何关系),是按钮动画进入页面。这意味着它们的位置是相对的。

感谢Stackoverflow的你们,我找到了一个解决方案,阅读了另一个问题,但这意味着我必须改变我的动画:溢出:隐藏在我将它应用于列表项时确实有效,但点击后我有一个动画使所有按钮“落下”页面的事件。当没有任何效果时,我当然可以取消该动画,更重要的是该网站是否整洁,然后或多或少的动画,但适用于两者的解决方案将是极好的!提前致谢。


一些CSS(没有一些开始和结束动画的线条):

0 投票
1 回答
539 浏览

jquery - jQuery:第一个回调不流畅(滑动效果)

我知道这可能一定是一个新手问题,但是由于我对 jquery 了解不多,所以我不得不在这里问它:

我有一个元素必须在点击不同的按钮时切换不同的内容。现在我将在这里发布我如何调用我的 javascript:

onclick="javascript:gotoSubonderdeelmenu(this);"

这将获得 div 元素,并且通过它我将获得正确的 id 以显示内容。现在我的 jQuery 代码:

它总是像你期望的那样流畅地滑下,除了第一次被调用。

有人知道如何解决这个问题吗?

0 投票
1 回答
1026 浏览

javascript - jquery slideUp / slideDown上的IE7 Margin Bug

单击更多信息/更少信息按钮,其中 slideUp/slideDown 内容,在 IE7 中创建间距故障。用显示/隐藏替换它似乎可以解决它。有谁知道如何让它在 IE7 中滑动?

你可以看到我在说什么并尝试在这里修复它:http: //jsfiddle.net/C9reK/2/

提前致谢!

更新

没有“位置:相对”会消除症状,没有动画会消除症状。不幸的是,这些都不是我可以接受的选项,所以我仍在寻找一个可以保持动画和相对定位的答案。

第二次更新

事实证明,仅显示/隐藏也发生了问题。当浮动堆栈删除了一个项目时,它会重新定位/重新计算堆栈项目,但不考虑边距。如果没有边距,则不会发生抖动。显然,这些都是必要的。