ファンデーションボタンIDに一意のIDを挿入

Question

私は、Foundationのトグルドロップダウンペインを使用しています。ここに私のコードは...

<td><button class="button" type="button" data-toggle="<%= request.id %>">View</button> 
     <div class="dropdown-pane" id="<%= request.id %>" data-dropdown> 
     <%= request.agenda %><br/> 
     <%= link_to request.event, request.event, :target => "_blank" %></div></td> 

あるボタンは、何もしていないと私はエラーを取得する...なぜ

foundation.util.triggers.self-d40e6f5….js?b…:16 Uncaught TypeError: el.data(...).split is not a function. 

Answer 1

「id」は有効なhtml IDである必要があります。これには数字だけでなく文字を含める必要があります。 （What are valid values for the id attribute in HTML?参照）。レールから来る典型的なIDは単純に数字です...あなたのIDの先頭に説明的な文字列を付けると、これを解決するはずです。例えば。

<td><button class="button" type="button" data-toggle="request-<%= request.id %>">View</button> 
    <div class="dropdown-pane" id="request-<%= request.id %>" data-dropdown> 
    <%= request.agenda %><br/> 
    <%= link_to request.event, request.event, :target => "_blank" %></div></td> 

Answer 2

わからないが、これは私のために働いていたものです：

<td><button class="button" type="button" data-toggle=<%="dropdown-pane#{request.id}"%>>View</button> 
      <div class="dropdown-pane" id=<%="dropdown-pane#{request.id}"%> data-dropdown> 
      <%= request.agenda %><br/> 
      <%= link_to request.event, request.event, :target => "_blank" %></div></td> 

データトグル属性とid属性に＃{}ルビ構文を使用すると考えられます。