Html HAML中的下拉菜单

Html HAML中的下拉菜单,html,drop-down-menu,haml,Html,Drop Down Menu,Haml,我刚刚开始采用Haml,我遇到了一个似乎无法找到解决方案的问题。这可能只是因为我不知道在我的搜索中使用正确的html术语,但这让我在这里发帖 如何在haml中写出这样一行: <ul id="drop" data-dropdown-content class="f-dropdown"> 或者查看此链接以查看完整的上下文。 我猜这里有几个问题–创建布尔属性,以及属性中包含- 为了获得一个值(即属性不带值出现),您使用true作为Haml中的值。您还需要确保格式为html4或html

我刚刚开始采用Haml,我遇到了一个似乎无法找到解决方案的问题。这可能只是因为我不知道在我的搜索中使用正确的html术语,但这让我在这里发帖

如何在haml中写出这样一行:

<ul id="drop" data-dropdown-content class="f-dropdown">
或者查看此链接以查看完整的上下文。

我猜这里有几个问题–创建布尔属性,以及属性中包含
-

为了获得一个值(即属性不带值出现),您使用
true
作为Haml中的值。您还需要确保格式为
html4
html5
(默认为
html5

不能使用不带引号的符号作为属性值,因为连字符将被解释为减号,所以需要使用字符串

因此,将这些结合起来,您想要的Haml是这样的:

%ul#drop.f-dropdown{“数据下拉类”=>true}
产生:

    Haml还支持使用散列,因此您可以:

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

    这会产生相同的结果。在这种情况下,这没有多大帮助,当您有多个
    数据-*
    属性时,它更有用–您可以将它们放在散列中,只需指定
    数据前缀一次。

    查看此链接
    我真的不明白这与我的问题有什么关系?我的问题是“数据下拉内容”部分。我在哈姆怎么做这样的事?谢谢你的帮助。它让我了解了它的工作原理。我仍然无法使下拉菜单正常工作,但我再也不会收到错误。现在下拉菜单的按钮不再显示了。不知道什么更糟。呵呵。但是谢谢。我已经花了两天的时间试图让下拉列表正常工作,但似乎还是有问题。我已经对顶部栏的整个haml代码做了一个要点。我希望有人能看看,帮我找到正确的方向。