我有一个非常基本的jQuery点击功能,它可以切换移动导航菜单的显示--汉堡包式,由媒体查询触发--即如下:
// mobile menu click function
$(".mobile-nav-toggle").click(function () {
$(".mobile-nav-menu").slideToggle();
});
因此,单击.mobile-nav-toggle div会触发位于主标题栏下的.mobile-nav-menu的外观。我的问题是--是否有一种通过jQuery通过单击/点击菜单本身以外的任何位置触发关闭/隐藏菜单的简单方法
如果您打开这个站点: on mobile (最大宽度:360 on ),您会注意到右上角菜单的按钮。一旦你点击它,它就会改变菜单的宽度,菜单就会出现。这是应该的,但当你滚动(仅在手机上)菜单消失,我不知道为什么。
这是可扩展菜单的jQuery函数:
jQuery("#button").click(function() {
if(jQuery(".my_extra_menu_class").width() > 0){
jQuery(".my_extra_menu_class").css('width',
当其子菜单处于活动状态时,我需要打开子菜单(就像用户在该页面上一样)。已经设法这样做了:
// To open active submenu on load
jQuery('.keep-open').find('.current-menu-item').closest('.current-menu-parent').children('.dropdown-toggle').trigger('click');
但只要点击任何地方,菜单就会关闭。它需要保持打开,除非它被特别点击。只有在外部单击时,才能阻止它关闭:
//
我有以下手机菜单代码,我已经使用了一段时间了。它工作得很好。我通过css添加了一个动画,所以当菜单按钮被点击时,它会添加一个平滑滚动的动画-但是我注意到它不会在第一次点击时起作用-第一次点击之后所有的点击都会起作用。另外,如果你在我的jquery代码中看到一些粗俗的东西,请让我知道,我是jquery的新手,并试图从实践中学习。
任何帮助,或对我正在寻找的东西的洞察力,试图解决这个问题,我将非常感激。
jQuery(function() {
//show the menu when button is clicked
jQuery('#menu_btn').cli
我有一个内部的div表单,类似于
<form>
<div>
showing some information here
</div>
<div id="idshow" style="display:none">
information here
</div>
</form>
我是某个按钮点击事件的div(idshow)中的人口信息。当我在div(idshow)之外点击的时候,我想要的东西应该是隐藏的。就像我点击菜单,菜单就会显示,当我点击外部菜单时,它就会隐藏起来。我需要使用jquery
我有一个我隐藏的固定菜单,当我点击# menu -trigger时,它会从页面的一侧拉出菜单。如果我点击# menu -trigger或#menu-overlay,我会再次隐藏菜单。当我单击或双击# menu -trigger时,它会隐藏菜单并运行动画一次,但当我双击#menu-overlay时,它会动画两次,将页面上的所有内容滑动太多。
我尝试使用.one点击功能,但当我重新打开菜单时,我无法使用覆盖关闭它。
jQuery('#menu-trigger').click(function() {
if ($(this).css('margin-right'