1

私はちょうど jQuery Mobile から始めて、既存のアプリケーションを適応させています。

私の問題は、jQuery モバイルが順序付けられていないリスト内の li タグにアンカー タグを挿入していることです。

リストにリンクがない場合、読み取り専用リストが作成されるとドキュメントに記載されています。

これは控えめに言っても非常に予想外の動作です。

JQM インクルードをコメントアウトすると、単純な li 要素が返されるので、それを実行しているのは JQM であることがわかります。

JQM を使用しないマークアップ:

<ul id="root_ul" data-role="listview">

<li id="1_1306901436141">Profile
</li>
</li>

JQM 後のマークアップ:

<ul id="root_ul" data-role="listview" class="ui-listview">
<li id="1_1306901436141">

<div class="ui-btn-inner ui-li">
  <div class="ui-btn-text">
    <a href="#/evaluation_headers/714%20/tastesheet&amp;ui-page=ul1_1306901436141" >  <span>Profile</span>                    
  </a>

</div><span>&nbsp;</span>
</div>
</li>

JQM はリストにリンクを追加しましたが、リンクのない単純な読み取り専用リストが必要です。

4

2 に答える 2

0

jQuery Mobileがネストされたアンカータグを挿入するのを避けるためにできることは、ネストされたulものをでラップすることです。実際、JQMフレームワークによって提供される規則に加えて、必要なマークアップ/ cssを内に配置することで、とにかくJQMのスタイルを設定することもできます。uldivlili

<ul>
    <li>Item 1</li>
    <li>
        <div><ul>
                 <li>Sub List Item 1</li>
                 <li>Sub List Item 2</li>
        </ul></div>
     </li>
</ul>
于 2012-09-20T14:05:21.720 に答える
0

返信ありがとうございます。このサイトに送信するコードを簡素化しようとして、アイテム内にネストされたリストを含めることができませんでした。単純なネストされたリストを作成したところ、これにより JQM がリンクを挿入することがわかりました。私が望んでいるものでも期待しているものでもありませんが、回避策を見つけます。ネストされたリストは私のアプリの中心にあるので、おそらく JQM は使用しません。

ご回答ありがとうございます。

于 2012-09-19T18:19:48.877 に答える