将唯一 ID 插入 Foundation 按钮 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

不知道为什么，但这对我有用：

<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>

似乎需要 #{} ruby data-toggle 和 id 属性的语法。

Answer 2

"id" 必须是有效的 html ID，其中应包含字符而不仅仅是数字。（参见 What are valid values for the id attribute in HTML?）。来自 rails 的典型 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>

将唯一 ID 插入 Foundation 按钮 ID

Inserting unique id into Foundation button id

ruby-on-rails

zurb-foundation