javascript - 语义 UI 搜索返回卡？

Question

我想让语义 UIsearch组件返回一个列表cards，而不是它的本机界面，如下所示：

目前，search将结果作为列表返回：

并且卡片在服务器上呈现：

<div class="ui secondary menu">

  <div class="item">
      <div id="contacts" class="ui search">
        <input class="prompt" type="text" placeholder="Search contacts...">
        <div class="results"></div>
      </div>
  </div>

</div>

<div class="ui stackable cards">

<% @contacts.each do |contact| %>

  <div class="ui card">
    <div class="content">
      <img class="right floated mini ui image" src="<%= gravatar_url contact[:work_email] %>">
      <div class="header">
        <a href="/contacts/<%= contact[:id] %>"><%= contact[:first_name] %> <%= contact[:last_name] %></a>
      </div>
       <div class="meta">
        <%= contact[:domain] %>
      </div>
    </div><!-- content -->
  </div><!-- /ui card -->

<% end %>
</div>

我想让搜索将结果返回到div：

<div class="ui stackable cards"></div>

但是，我想我需要创建一个模板来生成每张卡片。

这可能吗？

标签： javascriptjquerysemantic-ui