这是在 HAML 中创建的复杂的 HTML 行:
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
我不知道该怎么做。任何想法?我只能这样做:
%a.btn
%span.icon-bar Hello
但不确定如何做复杂的事情。
谢谢!
这是在 HAML 中创建的复杂的 HTML 行:
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
我不知道该怎么做。任何想法?我只能这样做:
%a.btn
%span.icon-bar Hello
但不确定如何做复杂的事情。
谢谢!
%a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
要不然
%a.btn.btn-navbar{:data => {:toggle => 'collapse', :target => '.nav-collapse'}}
/ 80 characters (Chandrakant's anser):
%a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
/ 79 characters (Matt's answer):
%a.btn.btn-navbar{:data => {:toggle => 'collapse', :target => '.nav-collapse'}}
/ 69 characters (My fave method):
%a.btn.btn-navbar(data-toggle="collapse" data-target=".nav-collapse")
/ 68 characters (Ruby >= 1.9):
%a.btn.btn-navbar{data: {toggle:"collapse", target:".nav-collapse"}}
%a{:class => "btn btn-navbar", :data-toggle => "collapge", :data-target => ".nav-collapse"} Hello
仅从阅读 HAML 网站...
http://haml-lang.com/tutorial.html
**我没有测试这个,我只是在网站上看到的