将 onsen ui 列表项包装到 'a' 标签的最佳方法是什么？

Question

我尝试使用 ons-list-item 制作可点击的列表项。当我显示

之类的条目时

    <ons-list-item modifier="tappable">
    ...
    </ons-list-item>
    <ons-list-item modifier="tappable">
    ...
    </ons-list-item>

它们显示正确。

但是当我尝试将 ons-list-item 包装到 a 标签时，列表分隔符消失了。使 ons-list-item 处理链接的最佳方法是什么？

Answer 1

这里有两种方式。使用 HTML:

<a href="http://......">
   <ons-list-item>
      Item title
   </ons-list-item>
</a>

这个是您已经尝试过的。除非您指定不同的内容，否则它将更改文本、指针和其他内容的样式。

使用JavaScript：

<ons-list-item onclick="window.location='http://......';">
   Item title
</ons-list-item>

这不会更改 CSS，因此如果您对 JavaScript 没有任何问题，它可能是一个解决方案。希望对您有所帮助！

What is the best way to wrap onsen ui list item to 'a' tag?