插入Jquery Mobile非破坏空格/字符

时间:2015-03-02 17:28:18

标签: javascript jquery html jquery-mobile

我正在使用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的照片 enter image description here

1 个答案:

答案 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>

看看是否能解决问题。然后通过再次在编辑器中添加空格和换行符来重新格式化它。