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

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

本文关键字:jquery 不起作用 append Onsenui-list      更新时间:2023-09-26

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

它可以很好地附加,但tapable修饰符不起作用。。请帮帮我

如果动态添加Onsen UI元素,则需要编译它们。否则,它们将只是空的HTML标记,没有任何魔力。类似这样的东西:

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

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