javascript - Onsenui-List修饰符在.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>');

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

最佳答案

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

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

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

关于javascript - Onsenui-List修饰符在.append()jQuery内部不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33627348/