2014-01-25 28 views
0

我最近開始使用Foundation 5(我的基金會的第一次經驗),我有一個問題,似乎任何響應.click事件的元素(例如,頂部導航欄上的下拉菜單,單擊元素時顯示的數據下拉列表)將隨機不起作用。點擊將不會執行任何操作。這個問題通常是通過簡單地重新加載頁面來解決的,但是,它經常發生的事情足以使用戶,尤其是(非常有價值的)初次使用者混淆。Zurb基金會5 Dropdowns(導航和數據內容)偶爾(隨機)不要回應點擊

有沒有人有任何想法,爲什麼這會隨機發生,當大多數時候,它完美的作品?

我正在使用Rails 4和Ruby 2,使用'foundation-rails'gem。

我已經在下面的代碼中包含了我的用法的一些例子。

謝謝!

使用數據下拉內容:

<ul id= <%= "chord-drop-#{chord.id}" %> class="f-dropdown" data-dropdown-content> 
    <li class="chord-drop-show"><%= link_to 'Show this page', chord %></li> 
    </li> 
</ul> 

使用數據的頂欄:

<nav class="top-bar" data-topbar data-options="is_hover: false"> 
    <ul class="title-area"> 
    <li class="name"> 
     <h1><%= link_to 'Home Page?', root_path %></h1> 
    </li> 
    <li class="toggle-topbar">Menu</li> 
    </ul> 

    <section class="top-bar-section"> 
    <!-- Right Nav Section --> 
    <ul class="right"> 
     <% if current_user %> 
     <li class="has-dropdown"> 
      <%= link_to 'Keys', '#' %> 
      <ul class="dropdown"> 
      <li><%= link_to 'All Keys', keys_path %></li> 
      <li><%= link_to 'Add a Key', new_key_path %></li> 
      </ul> 
     </li> 
etc.... 

回答

0

此問題已通過關閉TurboLinks解決。

0

你使用</body>標籤之前這個權利?

<script> 
    $(document).foundation(); 
</script>