Question

I am using jquery mobile in Adobe Air.

When I updated jquery mobile to 1.4.5, I found the icons are disappear.

I testing in a very simple html, when using jquery.mobile-1.1.2.css, the icons work well, but when changing to jquery.mobile-1.4.5.css the icons disappear as shown in the screenshots.

I have checked the 1.4.5 icons file, they are in images/icons-png.

I use too many features of 1.4.5 to switch back to 1.1.2.

The questions are: How can I fix the missing icons in 1.4.5? What are some tips for debugging this myself?

I usually debug in Chrome, but this works in Chrome.

I am testing air OSX; my air CFBundleVersion is 18.0.0.180

<html> 
<head> 
   <title>Hello World</title> 

   <script src="AIRAliases.js" type="text/javascript"></script>




   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" src="jquery.mobile.js"></script>

   <link rel="stylesheet" type="text/css" href="jquery.mobile-1.1.2.css"/>
   <!--link rel="stylesheet" type="text/css" href="jquery.mobile-1.1.2.css"/-->
   <!--link rel="stylesheet" type="text/css" href="jquery.mobile-1.4.5.css"/-->
</head> 
<body> 
   <h1>Hello World</h1> 

   <div id="informationPage" data-role="page">
         <div data-role="header">
            <h1> 1.1.2 </h1>
         </div>
         <div data-role="content">
            <select id="heightDropdown">
               <option value="408">Here is 1.1.2.css</option>
               <option value="409">4'9"</option>
            </select>
         </div>
      </div>
   </body> 
</html>

Answer 1

我为提问者工作。

问题来自AIR不支持自jQuery Mobile 1.4.0以来引入的SVG图标并用作默认格式。

使用png图标作为默认格式。从中下载jquery.mobile-1.4.5.zip jQuery Mobile网站。然后使用jquery.mobile.inline-png.css或jquery.mobile.external-png.css替换jquery.mobile.css。如果使用jquery.mobile.external-png.css，请确保复制图像文件夹。

JQuery Mobile 1.4.5 icons do not display on Adobe Air

1 个答案: