gpt4 book ai didi

javascript - 如何使用 jQuery 切换带有 Meteor 的简单侧边栏 Bootstrap 3 的菜单按钮

转载 作者:行者123 更新时间:2023-12-02 16:14:07 24 4
gpt4 key购买 nike

我正在尝试为我的 Canvas 外侧边栏创建一个菜单按钮。我正在使用 cannonstar:sidebar-bootstrap3 (又名启动引导简单侧边栏)。 http://ironsummitmedia.github.io/startbootstrap-simple-sidebar/ http://seegatesite.com/bootstrap/simple_sidebar_menu.html#

我的问题是它不起作用,任何愿意帮助我的人都可以看看我的代码;感谢所有的帮助。

附注我将 Meteor 和 Boostrap-3 与 Iron-router 包一起使用。

<div id="wrapper">
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="{{pathFor'home'}}">Home</a></li>
<li><a href="{{pathFor'home'}}">Home</a></li>
<li><a href="{{pathFor'about'}}">About</a></li>
<li><a href="{{pathFor'contact'}}">Contact</a></li>
</ul>
</div>
<div id="page-content-wrapper">
<div class="page-content">
<nav class="navbar navbar-inverse navbar-default">
<div class="container-fluid">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" id="menu-toggle">
<i class="glyphicon glyphicon-menu-hamburger"></i>
</button>
<a class="navbar brand" href="#"></a>
</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#menu-toggle" class="btn btn-default" id="menu-toggle-2"><i class="glyphicon glyphicon-align-left"></i></a></li>
<li><a href="{{pathFor'home'}}">Home</a></li>
<li><a href="{{pathFor'about'}}">About</a></li>
<li><a href="{{pathFor'contact'}}">Contact</a></li>
</ul>

<ul class="nav navbar-nav navbar-right">
<li><a href="#"><i class="glyphicon glyphicon-search"></i></a></li>
<li><a href="#">{{> loginButtons}}</a></li>
</ul>
</div>

</nav>

<header class="masthead">
<div class="container">
<h1><a href="#" title=""></a></h1>
</div>
</header>


</div>

</div>
</div>

$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
$("#menu-toggle-2").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled-2");
});

最佳答案

Meteor 中的事件声明不同:

假设模板名称:<template name="honeybadger">..</template>

Template.honeybadger.events({
'click #menu-toggle': function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
}
}

进一步阅读:Meteor documentation about Template events

关于javascript - 如何使用 jQuery 切换带有 Meteor 的简单侧边栏 Bootstrap 3 的菜单按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29839734/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com