Question

我有一个像这样结构的div：

System.arraycopy

在上面的div中我有一个叠加：

          <% @posts.each do |post| %>
            <!-- Shot -->
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
              <div class="shot shot-minimal">
                <div class="shot-preview">
                  <a class="img" href="shot-gallery.html"><img src="http://rwdtow.stdout.in/img/avatar-icon.png" alt=""></a>

                  <a class="text-overlay">
                      <span class="heading"><%= post.tite %></span>
                      <span class="desc"><%= post.shortdescription %></span>
                    <time datetime="2016-02-04 22:30">7 hours ago</time>
                  </a>
                </div>

                <div class="shot-detail">
                  <div class="shot-info">
                    <p><%= post.title %></p>
                  </div>

                  <ul class="shot-stats">
                    <li><i class="fa fa-eye"></i><span>6.3k</span></li>
                    <li><a class="like" href="#"><i class="fa fa-heart"></i><span>1.2k</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- END Shot -->
          <% end %>

所以我在封面上放置了一个link_to，所以文字覆盖，文字是可点击的：

              <a class="text-overlay">
                  <span class="heading"><%= post.tite %></span>
                  <span class="desc"><%= post.shortdescription %></span>
                <time datetime="2016-02-04 22:30">7 hours ago</time>
              </a>

叠加层工作正常，但是当我点击它时，它不会将我带到该帖子的show动作。下面是我最终代码的样子：

              <%= link_to post, class:"text-overlay" do %>        
                  <span class="heading"><%= post.tite %></span>
                  <span class="desc"><%= post.shortdescription %></span>
                <time datetime="2016-02-04 22:30">7 hours ago</time>
              <% end %>

Answer 1

抱歉，由于我的声誉，我无法发表评论。你能再给我两件东西吗？

在浏览器中呈现HTML代码。你可以通过做＆＃34; Inspect Element＆＃34;在浏览器中。
与$(".text-overlay")相关联的JavaScript / JQuery / CoffeeScript。删除event.preventDefault()。我使用过JQuery语法。如果您正在使用其他库，则查找相同的语法并删除。

rails link_to在overlay div上

1 个答案: