2012-05-02 11 views
6

मैं सूची के लिए 3 लिंक पर सूचीदृश्य विभाजन बटन पर jquery मोबाइल को कस्टम करना चाहता हूं।3 एंकरों पर विभाजित बटन सूचीदृश्य पर कस्टम jquery मोबाइल कैसे करें?

enter image description here

मदद के लिए धन्यवाद: http://jquerymobile.com/demos/1.1.0/docs/lists/lists-split.html

इस उदाहरण मैं क्या चाहता है।

उत्तर

-1

कृपया सूचीदृश्य विभाजन बटन के लिए नीचे दिए गए कोड को 3 लिंक में खोजें।

<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> 
2

अंततः मुझे इसे सही बनाने के लिए ग्रिड संरचनाओं के साथ एक कस्टम सूची बनाना था। यह हल्का कोड नहीं है लेकिन अधिक लचीला है। यह विशेष रूप से महत्वपूर्ण है क्योंकि आप अधिक से अधिक उपकरणों का समर्थन करते हैं। Jquery मोबाइल पर उपलब्ध ग्रिड संरचनाओं पर एक नज़र डालें। http://jquerymobile.com/test/docs/content/content-grids.html

संबंधित मुद्दे