5

<li>分割アイコン ( )の付いた多数の jQuery Mobile サイトがあるとしますdata-icon="grid"。

リスト項目の左側を a にラップせずhref、右側にボタンを保持することは可能ですか?

例: http://jsfiddle.net/SSQMB/

ここに画像の説明を入力

私が試してみました：

$(selection).contents().unwrap();

そして、これは機能し、要求どおりにリンクを削除します（そして、以下で概説した問題を修正します）が、リスト項目のレイアウトとスタイリングの全体が壊れてしまいます.

私が解決しようとしている問題はこれです：

  • 1ページに約100個<li>のアイテムがあります
  • それぞれに、5 ～ 10 個のオプションを<li>持つ<select>要素が含まれている場合があります。
  • デフォルトの jQuery Mobile スタイリングを使用すると、<select>すべて正常に動作します
  • ただし、これには大きなパフォーマンス ヒットがあります。iPhone 4S はスクロールに苦労し、iPad 2 は事実上使い物になりません (実際には Android の方が一度は優れていますが、それでも完全ではありません)。
  • 要素data-role="none"を<select>配置すると、ページが高速になり、再び実行可能になります
  • <select>ただし、デスクトップ ブラウザ (特に Firefox) では機能しませ<select>ん<select>。

何か案は？

4

1 に答える 1