riot.js：動態添加標簽並掛載它

Question

我對riot.js很新，可能是我要問一個顯而易見的事情。

如果我靜態添加標簽然后安裝它 - 一切都很完美。 但是如果我嘗試動態地使用JavaScript添加標簽 - 我什么也看不見。 我想我必須以某種方式掛載新創建的元素，但我不知道如何做到這一點。

 <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/2.6.7/riot+compiler.min.js"></script> <body> <h1> testing riot.js </h1> <ol id="list"> <li> <example></example> </li> <li> <example></example> </li> </ol> <button onclick="addTag()">Add tag</button> <script type="riot/tag"> <example> <p>Welcome to Riot.js</p> </example> </script> <script> riot.mount('example'); function addTag(){ var list = document.getElementById("list"); var li = document.createElement('li'); list.appendChild(li); var tag = document.createElement('example'); li.appendChild(tag) } </script> </body>

Answer 1

在將節點添加到DOM后，必須調用riot.mount ：

function addTag(){
  var list = document.getElementById("list");
  var li = document.createElement('li');
  list.appendChild(li);

  var tag = document.createElement('example');
  li.appendChild(tag)
  riot.mount(tag, 'example');
}

riot.js：動態添加標簽並掛載它

問題描述

1 個解決方案

解決方案1
7 已采納 2016-11-17 09:05:51

riot.js：動態添加標簽並掛載它

問題描述

1 個解決方案

解決方案1 7 已采納 2016-11-17 09:05:51

解決方案1
7 已采納 2016-11-17 09:05:51