HTML + RoR 下拉菜单在移动设备上不可点击

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"

希望这会有所帮助！