Databases
StackOverflow2013
Postsdbo
POjQuery Mobile data-icon=bars displaying as plus icon when using Doctype
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Mobile data-icon=bars displaying as plus icon when using Doctype
    text
    copied!<p>Looking for a workaround to get around this or if there is a better way to resolve the issue I am open to adjusting the code..</p> <p>Here is the situation:</p> <p>If I do not use a doctype then the bars icon is appearing just fine within a controlgroup, however as soon as I add the doctype then it seems to flip to the plus icon instead. </p> <p>The only change is adding the doctype to the top of the file and the icon flips from bars to plus. </p> <p>Doesn't matter if it is jQuery Mobile 1.3.1 or 1.3.2, having the same results</p> <p>Has anyone encountered this or found a way around it? I really want the bars icon to be displayed and am trying to avoid not using the doctype declaration so the code can validate properly.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style type="text/css"&gt; @import url('include/jquery.mobile-1.3.2.min.css'); &lt;/style&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt; &lt;meta id="viewport" name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /&gt; &lt;meta name="apple-touch-fullscreen" content="NO" /&gt; &lt;script src="include/jquery-1.9.1.min.js"&gt;&lt;/script&gt; &lt;script src="include/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" id="mobile"&gt; &lt;div data-role="content"&gt; &lt;div data-role="controlgroup" data-type="horizontal" class="ui-body"&gt; &lt;a href="test.asp" data-role="button" data-mini="true" data-icon="Bars"&gt;Test&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>EDIT: Same issue occurs with the GRID icon</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload