如何将“list-divider”项目设为可点击项目

Question

我尝试制作“list-divider”项目（Mail），它可以像其他项目一样点击（收件箱，发件箱）
但是当我在里面放一个标签时，它就像下面的链接

如何将“list-divider”项目（Mail）制作为可点击的项目，例如（收件箱，发件箱）项目感谢

这是我的code

<ul data-role="listview" data-inset="true" data-divider-theme="a">
    <li data-role="list-divider"><a href="#">Mail</a></li>
    <li><a href="#">Inbox</a></li>
    <li><a href="#">Outbox</a></li>
</ul>

Answer 1

可以尝试最简单的选项

<ul data-role="listview" data-inset="true" data-divider-theme="a">
   <li data-role="list-divider" id="lild">Mail</li>
   <li><a href="#">Inbox</a></li>
   <li><a href="#">Outbox</a></li>
</ul>

$('#lild').click(function () {
   alert('click on Mail');
});

DEMO

Answer 2

尝试下面的代码。希望它适合你。

<ul data-role="listview" data-inset="true" data-divider-theme="a">
    <a href="#"><li data-role="list-divider">Mail</li></a>
    <li><a href="#">Inbox</a></li>
    <li><a href="#">Outbox</a></li>
</ul>