Link is not working with swipe feature

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!");
                }
            }
  ]

preventClicks ? Вы про это свойство?