流星fontawesome下拉菜單開始打開

我有這個html頁面使用流星和fontawesome包。當我打開這個頁面時，我打開了所有的下拉菜單，當我點擊其中一個向下的箭頭時，它們全部關閉。我做了很多嘗試關閉這些pannels，但都嘗試停止pannels的正確隱藏/顯示。流星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()並且它可以工作，但是無法打開下拉菜單後

來源

2016-12-07 IfThenElse

你可以發佈這些模板的JavaScript - 需要看看你是如何處理事件。我猜你的事件不在範圍內，因此點擊一個下拉菜單就可以打開它們。這將使您的活動地圖更有意義。 OMG！ – rubie

如果您不想在默認情況下打開，請從<div class="btn-group open">中刪除打開。

來源

2016-12-07 14:08:24

OMG！是的，只是這個......我們必須先閱讀代碼之前的一段時間，然後再問...... – IfThenElse

流星fontawesome下拉菜單開始打開

回答

相關問題