How to set up custom jquery mobile on a page with a button section for 3 anchors?

I want to configure jquery mobile on a button to split the list into 3 links for the list. http://jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html

Here is an example I wanted:

enter image description here

Thanks for the help.

+6
source share
2 answers

In the end, I had to create my own list with meshes to get it just fine. This is not a bright code, but more flexible. This is especially important as you support more and more devices. Take a look at the grid structures available for jQuery mobile. http://jquerymobile.com/test/docs/content/content-grids.html

+2
source

Please find the code below for the split button in 3 links.

<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="check" > <li> <a href="index.html"> <img src="images/album-bb.jpg" /> <h3>Test 1</h3> </a> <a id="delete" data-icon="delete" class="ui-li-link-alt ui-btn ui-btn-up-c" data-transition="slideup" data-rel="dialog" href="lists-split-purchase1.html" title="Delete" data-theme="c" style="left: 939px;"> <span class="ui-btn-inner ui-btn-corner-all"> <span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span> </span> </a> <a id="edit" data-icon="minus" data-transition="slideup" data-rel="dialog" href="lists-split-purchase2.html" title="Edit " data-theme="c"> </a> </li> </ul> 
-1
source

Source: https://habr.com/ru/post/914691/


All Articles