无法在浏览器上显示图标(chrome)

时间:2013-06-13 10:02:48

标签: jquery-mobile

enter image description here

你好

我正在实现标题,但无法显示标题(图标添加和设置)。我使用jquery mobile add header。在小提琴我能看到图标但在这里我无法显示。你能帮我吗

  <html>
    <head>

      <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">

      <script src="js/jquery-1.9.1.min.js"></script>
      <script src="js/jquery.mobile-1.3.1.min.js"></script>



    </head>
    <script>



    </script>
    <body>
      <div data-role="page">
       <div data-role="header" data-theme="b">
      <h1 class="ui-title"  id="hdr" style="text-align:left;margin-left: 10px;">My Cases</h1>
      <div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal"> 
      <a href="#" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b">Edit</a>
     <a href="#newevent1" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="dialog">Add</a>
     <a href="#newevent1" data-role="button" data-inline="true" data-theme="b" data-rel="dialog">Edit</a>
      </div>
      </div>
      </div>

    </body>
    </html>

2 个答案:

答案 0 :(得分:3)

这是丢失图像的情况。 请确保您拥有来自here的最新jquery文件,并且您在images文件夹中有css文件夹(在zip文件中提供),即包含jQuery Mobile的CSS文件的文件夹

答案 1 :(得分:1)

确保您已将images文件夹附加到您的jquery.mobile-1.3.1.min.css文件所在的文件夹中,它包含一些图标,如果没有正确来源,则会显示仅限于此的布局......

检查图标是否是......

爬行页: -

css/folder---------jquery.mobile-1.3.1.min.css/file
css/folder---------images/folder