Onsenui - 列表修饰符在.append（）jquery中不起作用

Question

ui和我想制作类似这样的代码：

  

<ons-list id="result"><ons-list-item modifier="tappable">tap</ons-list-item></ons-list>

我想使用jquery append（）在javascript中执行此操作。我的代码是这样的：

var onsList = $("#result");
onsList.append('<ons-list-item modifier="tappable">1</ons-list-item>');
onsList.append('<ons-list-item modifier="tappable">2</ons-list-item>');
onsList.append('<ons-list-item modifier="tappable">3</ons-list-item>');

它可以附加好但是tappable修饰符不起作用..请帮助我

Answer 1

如果您动态添加它们，则需要compile Onsen UI elements。否则它们将只是空的HTML标签而没有任何魔法。像这样：

var elem = $('<ons-list-item modifier="tappable">1</ons-list-item>');
onsList.append(elem);
ons.compile(elem);

请注意，在调用ons.compile()之前必须附加该元素。