【问题标题】:Nitrogen how to add element id氮气如何添加元素id
【发布时间】:2014-10-01 06:14:37
【问题描述】:

我不知道如何让 Nitrogen 生成 html 元素的实际 id 属性。例如,在 index.erl 中:

#panel { id = "test" }#panel { id = test }

生成的 html 元素如下所示:

<div class="wfid_test"></div>.

但我想要的是:

<div id="test"></div>

所以我可以使用像 <a href="#test">Scroll Down to Test</a> 这样的锚链接来引用 id。

这是一直存在的基本 HTML,所以我敢肯定 Nitrogen 一定有办法做到这一点,对吧?

【问题讨论】:

    标签: html erlang nitrogen


    【解决方案1】:

    使用“html_id”元素代替“id”:

     #panel{ html_id=test, body="Test target" }
    

    它将呈现为:

    <div id="test" class="wfid_temp990008">Test target</div>
    

    如果您还需要 CSS 类,则可以同时包含 'id' 和 'html_id' 元素:

    #panel{ id=test, html_id=test, body="Test target" }
    

    呈现为:

    <div id="test" class="wfid_temp990008 wfid_test">Test target</div>
    

    【讨论】:

      【解决方案2】:

      #panel { id = test } 应该可以正常工作。只需使用 atom 而不是 sting。

      【讨论】:

      • 仍然没有创建id 属性。原子与引用的字符串具有相同的效果:&lt;div class="wfid_test&gt;&lt;/div&gt;.
      猜你喜欢
      • 2011-02-22
      • 1970-01-01
      • 2013-01-22
      • 2023-03-19
      • 1970-01-01
      • 2012-10-09
      • 1970-01-01
      • 1970-01-01
      • 2014-06-12
      相关资源
      最近更新 更多