Раскрывающийся список 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"

Надеюсь, это поможет!