Question

我在页面上有可点击的图像。当我在Safari移动设备上试用它们时，它们无法点击。我注意到的一件事是，如果我在页面上没有分页，那么我可以单击图像。之前我注意到我确实尝试过这个答案Clickable Images not working on iPhone/Android，但它没有帮助。我还注意到，如果我按下并按住图像，则表示正在选择的分页链接。

我正在使用rails。这是我的部分观点：

<% @videos.each do |v| %>
    <div class="vidframe">
        <a href="<%= video_path(v) %>" data-remote="true"><%= image_tag v.thumbnail.url, alt: 'thumbnail:' + v.title,  title: v.title, class: 'vid-thumbnail'%></a>
    </div>
    <% if parent_mode? %>
        <div class="mngbuttons">
            <%= form_for(:video, url: video_path(v), method: :patch, remote: true) do |f| %>
                <%= f.hidden_field :approved, value: 'true' %>
                <%= f.submit "Approve", data: { confirm: 'Approve: Are you sure?' }, class: 'btn btn-primary mng-button' %>
            <% end %>
            <%= link_to "Delete", video_path(v), method: :delete, remote: true, data: { confirm: 'Delete: Are you sure?' }, class: 'btn btn-primary mng-button' %>
        </div>
    <% end %>
<% end %>
<div id="video_paginate" class="col-md-12">
    <% if parent_mode? %>
        <%= will_paginate @videos, params: { controller: 'static_pages', action: 'parent' } %>
    <% else %>
        <%= will_paginate @videos, params: { controller: 'static_pages', action: 'home' } %>
    <% end %>

</div>

这是我的页面的css：

/* Videos */

.vidframe, .mngbuttons {
  float: left;
  height: 92px;
  padding: 1px;
}

/* Make links work on Safari Mobile, hopefully */
.vid-thumbnail {
  cursor: pointer;
}

Answer 1

如果我取出包含分页链接的div上的col-md-12类，它就可以了。 bootstrap css中的东西搞砸了。

在safari mobile上页面上分页时，图像无法点击

1 个答案: