- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
我在带有 offcanvas 菜单的 Wordpress 主题中使用 Zurb Foundation 5,这在一般情况下工作正常,但我遇到了一个问题:
除了顶部栏中的汉堡图标外,我还提供了在单击固定位置的 div 元素时打开菜单的选项 .back-to-menu。为实现这一点,我使用了 Zurb 文档中描述的以编程方式打开 offcanvas 菜单的方法。虽然这工作正常,但在我点击 div.back-to-menu 打开菜单然后再次关闭菜单后,我似乎无法再通过点击顶部栏中的汉堡包图标来打开菜单.
这是打开菜单的代码:
jQuery('.back-to-menu').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
setTimeout(function() {
$('.off-canvas-wrap').foundation('offcanvas', 'show', 'move-right');
}, duration);
return false;
})
有人能帮忙吗?
最佳答案
这似乎是 Foundation 中的一个错误,当我在 Foundation 文档页面上执行您的脚本时,出现了同样的错误,菜单打开和关闭但随后被破坏。
解决方法是通过模拟点击汉堡包图标来触发 offcanvas:
setTimeout(function() {
$('.off-canvas-wrap').find('.left-off-canvas-toggle').click();
}, duration);
这不像使用“官方”方式那么整洁,但这是万无一失的,而且肯定比在使用后破坏菜单要好。
显然已经有一个 issue在 Foundation GitHub 上提交了此文件,只要未修复,就会提出相同的解决方法。
关于javascript - Zurb Foundation Offcanvas 菜单在以编程方式切换后停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25960653/
当我在菜单内的表单中使用日期选择器并单击日期选择器按钮时,我遇到了关闭 Canvas 菜单的问题。 过去两天我一直在绞尽脑汁,但我无法修复它,而且我搜索的所有地方都没有找到解决方案。 我正在使用 jq
我最近发现了有关 twitter bootstrap 的信息,并且我一直在深入研究最新版本 Bootstrap 3。在该网站上,有一个“Off Canvas”模板示例(此处:http://getboo
网站:www.rascomed.com . 调整页面大小时,顶部菜单中会弹出一个小菜单按钮。菜单按钮触发 Canvas 外菜单。我想要背景,如图所示 this图片,要透明,这样用户才能看到网站,而不仅
我使用这个 link 编写了自定义 jQuery Offcanvas用于我的响应式网页。 这是我的代码: jquery代码: $(document).ready(function () {
我试图让 jasny-bootstap offcanvas 菜单从右侧显示,而不是默认的左侧。我已经使用 .navmenu-fixed-right 而不是 navmenu-fixed-left 将位置
我将 bootstrap 与 Jasny bootstrap ( http://www.jasny.net/bootstrap/ ) 一起使用。我正在尝试创建一个导航栏,关闭 Canvas 菜单,就像
这是我的网站:http://vani.valse.com.my/schone_lightings/index.php . 当我使用移动版的 offcanvas 菜单时,页面上的任何链接都无法点击。我认
我想使用 javascript 来关闭关闭 Canvas 区域作为加载 ajax 脚本的结果。 文档说 $('#element').foundation('close', cb); 但没有太多解释 #
我最近得到了 this用于 Canvas 外导航。如果您在他们的演示中看到他们所做的是,如果我们想要关闭侧边栏,则必须单击主体内的任意位置,并且侧边栏中的一个类已被删除以滑出侧边栏。 我想要的是在单击
我正在尝试修改 Boostrap Offcanvas 模板。 工作示例是 http://getbootstrap.com/examples/offcanvas/ : 它非常适合我,我唯一想添加的是通过
这是关于 zurb-foundation 5.3 的。我不知道 scss 所以我使用的是 foundation 5.3 的 css 版本。我非常关注这个 basic example来自基础文档的 of
最近用了很多UIKit框架,慢慢习惯了。 问题是offcanvas。我显然能够让它工作,但我想要的没有发生,我希望它在页面加载时打开,我尝试将 CSS 从无更改为阻止,但尚未更改。 这是 UIKit
使用固定的 Canvas 菜单。当它在 ios 中处于事件状态时,似乎无法禁用 body 滚动。概念很简单,overflow-y:auto; 在 offcanvas 固定菜单中,overflow:hi
我在带有 offcanvas 菜单的 Wordpress 主题中使用 Zurb Foundation 5,这在一般情况下工作正常,但我遇到了一个问题: 除了顶部栏中的汉堡图标外,我还提供了在单击固定位
我使用 jasny bootstrap 插件创建了一个侧边菜单。标记相当简单: which may have nested --> 问题是
我正在使用 offcanvas 组件 ( https://getbootstrap.com/docs/5.0/components/offcanvas/ )。但是我想知道当我在 offcanvas 窗
我有一个简单的 bootstrap 5 offcanvas 元素。这包含指向 html 页面正文中的 anchor 的简单链接。 我将 offcanvas 配置为没有背景并启用 body 滚动。 现在
我的网页中有一个 bottom offcanvas,我会在单击卡片时打开它,方法是尝试设置所需的属性或使用文档中的代码它不起作用,因为 offcanvas 仅显示背景并立即将其关闭. 这是我尝试过的:
我在 offcanvas div 中有一长串链接。这些在表单中是因为我想使用它们来导航很长的背景页面。 (实际上,它是一个目录) offcanvas 愉快地弹出。导航链接有效;将背景页跳转到正确的位置
我有一个offcanvas菜单和一个包含内容的容器。当我向下滚动网站并打开和关闭菜单时,我试图将滚动位置保持在我所在的位置。现在,当关闭菜单时,它会滚动回网站顶部。我猜这是由我为容器提供的一些 css
我是一名优秀的程序员,十分优秀!