ページがサファリモバイルのページ上にあるときに画像をクリックできない

Question

ページ上にクリック可能な画像があります。 Safariモバイルで試してみると、クリックできません。私が気づいたことの1つは、ページ上にページネーションがなければ、画像をクリックできることです。私がこの回答を試したことに気づく前に、Clickable Images not working on iPhone/Androidが助けになりませんでした。また、イメージを押して保持すると、選択されているページネーションリンクであることに気付きます。

私はレールを使用しています。私はクラスCOL-MD-12改ページのリンクを包むDIVには、それが動作取る場合

/* Videos */ 

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

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

Answer 1

：

<% @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です：ここに私の部分図です。ブートストラップCSSの何かが物事をねじ込んでいます。