Hi, I’m creating a list view with multiple items that have swipe actions shown below.
<li class="swipeout">
<a href="detail/109/">
<div class="item-content swipeout-content">
<div class="item-title" >
Full Name
</div>
</div>
<div class="swipeout-actions-right">
<a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete">Delete</a>
</div>
</a>
</li>
When user clicks on the item in the list, nothing happens. The route code is also shown below. I also tried async route and sub-route definitions but I even can’t get an error, just nothing happens. I’m missing something but I can’t find out.
routes: [
{
path: '/detail/:id/',
url: 'detail.html',
on: {
pageInit : function (event, page) {
console.log("page detail!");
}
}
]