javascript - jQuery Mobile中的3条水平线navicon

我无法在jquery mobile中找到菜单navicon（3行）。

我能找到的最接近的是ui-icon-grid。

Navicon是否在jquery mobile中完全可用，或者有其他可用的实现吗？

最佳答案

您可以为此使用CSS：

没有图像：

a {
    text-decoration:none;
    font-size:50px;
    font-weight:700;
    display:inline-block;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    /* IE 9 */
    -webkit-transform:rotate(90deg);
    /* Opera, Chrome, and Safari */
    color:white; //Change the color you want for your icon
    letter-spacing:-3px;
    height:34px;
    width:34px;
}

演示：http://jsfiddle.net/lotusgodkk/x6g7S/1/

附图片：

#A_1 {
    height: 40px;
    left: 10px;
    position: absolute;
    width: 40px;
    background: rgba(0, 0, 0, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC) no-repeat scroll 50% 50% / auto padding-box border-box;
    }

演示：http://jsfiddle.net/lotusgodkk/x6g7S/

关于javascript - jQuery Mobile中的3条水平线navicon，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24232135/