Haml :: SyntaxError - Niedozwolone zagnieżdżanie: treść nie może być podana w tej samej linii co% a i zagnieżdżona w nim
Używam „rozwijanych przycisków” z Twitter Bootstrap z HAML. W dokumentach Bootstrap znalazłem przykład:
<code><div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> Action <span class="caret"></span> </a> <ul class="dropdown-menu"> <!-- dropdown menu links --> </ul> </div> </code>
Próbowałem go przepisać za pomocą HAML:
<code>%div{:class => 'btn-group task_controller'} %a{:class => 'btn-mini dropdown-toggle', "data-toggle" => 'dropdown', :href => '#'} Action %span{:class => 'caret'} %ul{:class => 'dropdown-menu'} %a{:class => 'close_task', :name => task.name, :href => '#' } Close </code>
Ale dostałem komunikat o błędzie:
<code>Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %a and nested within it. </code>
Tak więc Bootstrap powiedział, że umieściłem element w środku -tag, ale HAML nie pozwolił na to. Jak mogę rozwiązać problem?