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

Question

ui 我想编写这样的代码：

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

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

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