Haml link_to 覆盖答案

【问题标题】：Haml link_to imbricationHaml link_to 覆盖
【发布时间】：2014-02-28 09:15:05
【问题描述】：

对于 Rails 环境还是很陌生，我正在尝试将链接渲染到另一个链接我想重现 list-group-custom-content 组件

这是渲染得很好的haml内容

%div{:class => ["list-group"]}
    - @tickets.each do |ticket|
        = link_to "#", :class => "list-group-item" do
            %div.row
                %div{:class => "col-sm-8"}
                    %h4{:class => "list-group-item-heading"}
                        Blabla
                    %p{:class => "list-group-item-text"}
                        blabla bla blabla
                %div{:class => "col-sm-4"}
                    other content

The corresponding rendered html

这里是要失败的haml内容

%div{:class => ["list-group"]}
    - @tickets.each do |ticket|
        = link_to "#", :class => "list-group-item" do
            %div.row
                %div{:class => "col-sm-8"}
                    %h4{:class => "list-group-item-heading"}
                        = link_to ticket.subject, "#"        -# <- Here is the problem
                    %p{:class => "list-group-item-text"}
                        blabla bla blabla
                %div{:class => "col-sm-4"}
                    other content

The corresponding rendered html

你能帮帮我吗？

【问题讨论】：

您能否在实际问题中包含您获得的 HTML 以及您期望获得的内容？如果人们不必从其他网站下载文件，您将获得更好的响应。

标签： twitter-bootstrap ruby-on-rails-4 haml link-to

【解决方案1】：

看来问题不是来自我的haml模板。这是渲染的html

<div class='list-group'>
    <a class="list-group-item" href="#">
        <div class='row'>
            <div class='col-sm-8'>
                left
            </div>
            <div class='col-sm-4'>
                <p class='pull-right'>
                    <a href="#">Close</a> <!-- This link cause problem -->
                </p>
            </div>
        </div>
    </a>
    <a class="list-group-item" href="#">
        <div class='row'>
            <div class='col-sm-8'>
                left
            </div>
            <div class='col-sm-4'>
                <p class='pull-right'>
                    <a href="#">Close</a> <!-- This link cause problem -->
                </p>
            </div>
        </div>
    </a>
</div>

只要我插入标记为导致问题的链接，布局就会完全损坏如果我将链接替换为

<button>Close</button>

有效是引导问题还是不支持的问题？

我应该关闭这个问题并打开一个新问题吗？

【讨论】：