Question

      <div class="dropdown pull-right">
        <a id="dropdown" data-toggle="dropdown" aria-haspopup="false" aria-expanded="true">
          <%= theme_icon_tag "settings" %>
        </a>
        <ul class="dropdown-menu" aria-labelledby="dropdown" style="padding: 0.25em">
          <li><%= link_to "Edit", edit_book_review_path(review.book, review), class: "btn btn-outline-primary dropdown-item" %></li>
          <li><%= link_to "Delete", book_review_path(review.book, review), method: :delete, data: {confirm: "Are you sure?"}, class: "btn btn-outline-danger dropdown-item" %></li>
        </ul>
      </div>
    <% end %>
  <% end %>
</div>

这是我的下拉菜单，在台式机上运行正常。我已经放好手机，想测试一下它的功能，但我意识到我无法单击该图标打开下拉菜单。

那是为什么？

Answer 1

此链接将帮助您stackoverflow.com/a/17841690/6392696

在子字符串中找到此文件bootstrap.min.js

"ontouchstart"

替换为

"disable-ontouchstart"

希望这会有所帮助！

HTML + RoR下拉列表在移动设备上无法点击

1 个答案: