【问题标题】:How to hide bootstrap hamburger icon onclick/tap?如何在点击/点击时隐藏引导汉堡包图标?
【发布时间】:2017-07-07 17:12:21
【问题描述】:

当用户点击或点击移动设备上的图标时,如何隐藏汉堡图标?我假设我必须将它设置为显示:无,但不知道如何使用 JavaScript 来做到这一点。别担心,为了可用性,我在移动下拉菜单上有关闭按钮。是否有捷径可寻?我已经用谷歌搜索了,但没有找到任何东西。

【问题讨论】:

  • 还有,你的代码呢?
  • 您必须共享一些相同的代码/模型,从描述中看不清楚。
  • 不幸的是,我处于保密协议下,无法发布指向该站点的链接。不过我正在使用 Bootstrap 框架。
  • 也许你应该读一下这个? stackoverflow.com/help/how-to-ask 或者你可以做一个简单的例子供人们一起工作?没有源代码 = 无需调试,无需调试 = 无需解决或回答。
  • 感谢您的帮助。

标签: jquery html twitter-bootstrap css bootstrap-4


【解决方案1】:

根据您的要求,我只是猜测您希望在用户单击某个元素时隐藏它。我宁愿使用 jQuery:

$("[icon]").click(function(){
    $(this).hide();
});

【讨论】:

  • 您可能“宁愿”使用 jQuery,但在这个问题中没有标记 jQuery....
  • 但它是Bootstrap,为什么会有问题
  • @NewToJS 我假设 OP 正在使用带有 JS 文件的完整 Bootstrap 框架,因此他必须有 jQuery
  • 这就是这个答案的建议,看起来不错:jsfiddle.net/4swcy68x
  • 太棒了!正是我想要的!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-11-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多