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>');

它可以追加，但可点击修饰符不起作用..请帮助我

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()之前必须附加元素。