TwitterBootstrapの「ボタンドロップダウン」をHAMLで使用しています。Bootstrapのドキュメントで、次の例を見つけました。
<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>
HAMLを使用して書き直してみました:
%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
しかし、エラーメッセージが表示されました:
Haml::SyntaxError - Illegal nesting: content can't be both given on the same line as %a and nested within it.
そのため、Bootstrapは要素を-tag内に配置すると言いましたが、HAMLはそれを許可しませんでした。どうすれば問題を解決できますか?