Выпадающее меню в HAML

Question

Я только начал принимать Haml, и я столкнулся с проблемой, с которой я не могу найти решение. Это может быть просто из-за того, что я не знаю, какой правильный html-термин использовать в моем поиске, но это привело меня к публикации здесь.

Как вы пишете строку, как это в Haml:

<ul id="drop" data-dropdown-content class="f-dropdown"> 

Или посмотрите на эту ссылку, чтобы увидеть полный контекст. https://gist.github.com/czepluch/7817008

Answer 1

Я предполагаю, что здесь есть пара проблем - создание логических атрибутов и атрибутов с - в них.

Для получения boolean attribute (т. Е. Атрибут не отображается со значением), вы используете true как значение в своем Haml. Вам также необходимо обеспечить формат html4 или html5 (по умолчанию html5).

Вы не можете использовать символ без кавычек в качестве значения атрибута, так как дефис будет интерпретироваться как минус, вам нужно будет использовать строку.

Так комбинируя эти Haml вы хотите что-то вроде этого:

%ul#drop.f-dropdown{"data-dropdown-class" => true} 

, который производит:

<ul class='f-dropdown' data-dropdown-class id='drop'></ul> 

Haml также поддерживает custom data attributes используя хэш, так что вы можете сделать:

%ul#drop.f-dropdown{:data => {"dropdown-class" => true}} 

, который производит тот же результат. В этом случае это не очень помогает, более полезно, когда у вас есть несколько атрибутов data-* - вы можете поместить их в хэш, и вам нужно только указать префикс data один раз.