Implementing Split Button List

<ul data-role="listview">   <li><a href="#">Jeep</a><a href="#" data-icon="star">Like</a></li>   <li><a href="#">Ford</a><a href="#" data-icon="star">Like</a></li>   <li><a href="#">Chevy</a><a href="#" data-icon="star">Like</a></li> </ul>

Split-button lists are lists that include multiple options on each line. This can be useful in a variety of ways. When listing products for sale, the main part can link to more details and the secondary link can add the item to the cart. To create a split-button list, create two <a> elements in the <li> item.

Get jQuery and JavaScript Phrasebook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.