У меня есть эта страница html с использованием метеорных и шрифтовых пакетов. Когда я открываю эту страницу, у меня открывается раскрывающееся меню, и когда я нажимаю одну из стрелок вниз, они все закрываются. Я пытаюсь закрыть эти панели, но все пытаются остановить правильное скрытие/отображение панелей.Выпадающее меню Meteor fontawesome открыто при запуске
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>APP</title>
</head>
<body>
<div class="container">
{{> loginButtons }}
{{> userList }}
</div>
</body>
<template name="userList">
{{#if currentUser}}
<div id="userList" class = "panel panel-default">
<div class="panel-heading">Users</div>
<ul class = "list-group">
{{#each user in allUser}}
{{#with user}}
<li class="user list-group-item >{{> userOptions }}</li>
{{/with}}
{{/each}}
</ul>
</div>
{{/if}}
</template>
<template name="userOptions">
<div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> {{username}} </a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<span class="fa fa-caret-down" title="Toggle dropdown menu"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-pencil fa-fw"></i> Edit</a></li>
<li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
<li><a href="#"><i class="fa fa-ban fa-fw"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-unlock"></i> Make admin</a></li>
</ul>
</div>
</template>
Я вижу, что они имеют дисплей CSS: блок. На консоли я пытаюсь написать $(".dropdown-menu").toggle()
, и он работает, но после того, как я не могу открыть раскрывающееся меню
Можете ли вы разместить javascript для этих шаблонов - вам нужно посмотреть, как вы обрабатываете события. Я предполагаю, что ваши события не привязаны к экземпляру шаблона, поэтому нажатие на один раскрывающийся список делает их открытыми. Это будет иметь больше смысла с вашей картой событий. – rubie