2016-04-06 5 views
0

ich mit jqm listview, ich triying, um einen link pfeil durch persönliche bildsymbol zu ändern, gibt es weg es zu ändern, das bild unten, zeigen, dass ich will.jquery mobile listview ändern link pfeil nach benutzerdefiniertes bild icon

<div data-role="page" id="pageone"> 
    <div data-role="main" class="ui-content"> 
    <h2></h2> 
    <ul data-role="listview" data-inset="true"> 
     <li><a href="#">List Item</a></li> 
     <li><a href="#">List Item</a></li> 
     <li><a href="#">List Item</a></li> 
    </ul> 
    </div> 
</div> 

enter image description here

Antwort

0

erstellen CSS für jede benutzerdefinierte Symbol

.ui-icon-myIcon1:after { 
    background-image: url("../_assets/img/glyphish-icons/21-skull.png"); 
    background-position: 3px 3px; 
    background-size: 70%; 
} 

Dann werden die Daten-Symbol verwenden, um Ihre benutzerdefinierten Symbolnamen zu verweisen:

<li data-icon="myIcon1" id="skull"><a href="#">custom-icon</a></li> 

die Symbole Siehe: Standard Abschnitt der offiziellen Listview-Demo: http://demos.jquerymobile.com/1.4.5/listview/

+0

Excelent vielen Dank – user4131013