我正在使用jquery mobile创建一个应用程序,我遇到了一个奇怪的问题。 在我的主页列表视图之间显示
没有
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
它会显示
   Â
而不是四个
列表视图如下所示,
<section data-role="content">
<h2>Home</h2>
<ul data-role="listview" data-divider-theme="a" data-filter="true">
<li><a href="facebook.com">Acura</a></li>
<li><a href="a">Audi</a></li>
<li><a href="a">BMW</a></li>
<li><a href="a">Cadillac</a></li>
<li><a href="a">Ferrari</a></li>
</ul>
</section>
所以我的问题是,当另一个页面上的另一个列表视图工作得很好看起来相同时,为什么会发生这种情况。
<section data-role="content">
<h2>Company</h2>
<ul data-role="listview" data-divider-theme="a" data-filter="true">
<li data-autodividers="true">Board</li>
<li><a href="Matthew">Matthew - CEO</a></li>
<li><a href="Matthew">Bryner - CFO</a></li>
<li><a href="MatthewSa">Brian W - Board Member</a></li>
<li data-autodividers="true">Full Time</li>
<li><a href="audi.html">Audi</a></li>
<li><a href="bmw.html">BMW</a></li>
</ul>
</section>
是一张A A A A的照片
答案 0 :(得分:0)
我知道这已经有几个月了,可能与OP无关。但是在尝试解决几个小时的类似问题后,我发现了这篇文章。
然后我意识到&#34; ezanker&#34;是正确的。我只是从jqm演示中复制粘贴,并遇到了同样的问题。
发生的事情是&#34;&amp; nbsp;&#34;在标签之间以某种方式添加但在Dreamweaver中甚至不可见。要解决此问题,请删除代码之间的所有空格和换行符:
<ul data-role="listview" data-inset="true" data-icon="false" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-split-icon="gear">
<li><h2>Item 1:</h2></li>
<li><h2>Item 2:</h2></li>
<li><h2>Item 3:</h2></li>
</ul>
变成:
<ul data-role="listview" data-inset="true" data-icon="false" class="ui-listview ui-listview-inset ui-corner-all ui-shadow" data-split-icon="gear"><li><h2>Item 1:</h2></li><li><h2>Item 2:</h2></li><li><h2>Item 3:</h2></li></ul>
看看是否能解决问题。然后通过再次在编辑器中添加空格和换行符来重新格式化它。