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

Onsenui - list modifier not working inside .append() jquery

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

它可以追加,但可点击修改器不起作用..请帮助我

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

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

注意必须在调用 ons.compile() 之前追加元素。