zoukankan      html  css  js  c++  java
  • jQuery Mobile 图标无法显示

    对jquery mobile来说,使用data-icon属性配置,可以设置元素的图标。图标没有变成右箭头,而是如下图所示:

    //已经设置了图标  ,data-icon="home" data-iconpos="top"
    <
    div class="ui-block-a"><a href="#" data-icon="home" data-iconpos="top" data-theme="a" data-role="button">首页</a></div>

    而且是无论我怎么添加data-icon到任何元素上面,都是没有图标显示,最后发现,由于jquery mobile是使用CSS 3来渲染UI的,需要有一个图片集,

    解决步骤:

    1、下载。从下载的官方jquery mobile包里面,找到图片如下:

    2、拷贝images文件夹到项目文件夹下。

    目录结构如下:

    icon图片需要与jquery mobile 的css文件在同一目录底下的images文件夹中,原因从jquery.mobile-1.3.1.min.css中可以看出:

    在我的工程中,目录添加如下:

    这样,jquery mobile就会自行去找到data-icon定义的图标,成功看到了图标:

    原文:jquery mobile中图标不显示问题 - yangjun19890825的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/wlsyn/article/details/9969487

  • 相关阅读:
    java 实现一段文字中,出现次数最多的字
    json 字符串 <----> json 对象
    农场销售
    IDEA Tomcat配置 VM Option
    java用JSONObject生成json
    面向对象
    java读取 properties配置文件
    Jquery span标签的取值赋值
    Oracle 分析函数 over
    gitee指令集合
  • 原文地址:https://www.cnblogs.com/wuyinghong/p/3436403.html
Copyright © 2011-2022 走看看