問題タブ [jquery-mobile-listview]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1667 参照

javascript - ある data-role="page" で特定のリスト ビュー アイテムのクリックを検出し、対応するデータを別のページに表示する方法

コミュニティ、

私は静的なjquery-mobileアプリを試しています。それが行うことは、その上に大きな静的リストがあることです<div data-role="page" id="page1">

アイテムがクリック/タップされるたびに<div data-role="page" id="page2">、スイッチケースの決定を使用して、対応する詳細を固定プレースホルダーに表示する必要があります。たとえば、<img>タグの可変SRCの詳細は均一です。

私の混乱は、どうすればこれを達成できますか? jQueryの#idセレクターは、この特定の目的を達成するために機能しますか? はいの場合、どのように進めればよいですか?そして、リスト項目の対応する詳細を検出して表示するのに役立つスニペットは何ですか。少しご指導お願いします

マイリストの構造:

どこか間違っていたら訂正してください ありがとう

0 投票する
1 に答える
351 参照

jquery - jQuery が localStorage に既に存在するキーと値を置き換えないようにする

localStorage に格納された項目の「DELETE」メソッドを追加するまで、私のアプリケーションは期待どおりに動作していました。

文字列を受け取る次の HTML コードがあります。

「追加」ボタンが押されると、次のスクリプトが呼び出されます。

このスクリプトは問題なく動作します。基本的にストレージの長さをチェックし、ストレージ サイズに応じてキーを生成し、textfieldコンテンツを値に追加して保存します。

保存されたアイテムは、別のスクリプトによってlistviewwithに表示されます。id="medList"(スペースを節約するためにスクリプトを追加するつもりはありませんが、必要に応じてコメントしてください。追加します)。

listview次のスクリプトは、との両方からアイテムを削除するスクリプトですlocalStorage

に保存されている「キー」を取得し、listviewそれに応じて削除します。

今私の問題は、アイテムがlocalStorageキーから削除されたときに一貫性がなくなり、$('#manuallyAdd').click(function ()再度呼び出されたときにすべてがカウントされ、同様のキーが既に存在する場合はそれが置き換えられます(残念ながら必要ありません)。

たとえば、次のように説明します。

以下のものを保管しています。

上記のリストビューでは、と のみをMedicine2残して削除されます。Medicine1Medicine3

別の「薬」を追加しようとすると、表示されると予想Key = Medicine4 - Value = New Medicineされますが、代わりにMedicine3古い値を削除して新しい値を保存することに保存されます。

これはif statement、適切な解決策を提供する別の方法を見つけたり、回避したりしていないようです。

キーが既に存在するかどうかを確認し、別のキーを提供するステートメントを追加しようとしましたが、これは別の項目がリストから削除されるまでしか機能しません。

ポインタやアイデアは大歓迎です。

長い質問で申し訳ありませんが、私はそれを説明するために最善を尽くしました。まだ不明な点があればお知らせください。

0 投票する
1 に答える
1858 参照

jquery-mobile-listview - jquery mobile listviewでアイテムを削除および追加する方法

私はあなたがJquery Mobileの使い方を学んでいます.listviewを使ってリストを作成するためにいくつかのコードを組み合わせています.listからアイテムを削除したり、選択したアイテムの位置をリストに変更したりできます.

まず、jquery モバイル ヘルプの削除の例を使用し、ページ フッターにテスト用のボタンを追加して、ダミー項目をリストに追加します。ここまでは部分的に動作します。以前に定義されたリストの削除アイテムをクリックしないと、追加機能が機能しません。ただし、最初に削除アイコンをクリックしてから追加ボタンをクリックすると、これは機能しますが、新しいアイテムの削除ボタンでは削除ボタンのクリックイベントが有効になりません。どうすればこれを解決できるか、アイデアや提案があれば教えてください。前もって感謝します。コードは次のとおりです。

0 投票する
2 に答える
1114 参照

ios - Retina iPad Simulator で Phonegap 画面が途切れる

ここに画像の説明を入力jQueryMobile 1.3.2 と Phonegap 3.1 (ステータス バー プラグイン付き) を使用する Phonegap アプリがあります。すべて正常に動作しますが、iPad Retina シミュレーター (iOS 7) では、画面の右側で画面が切り取られて表示されます (すべての Android レイアウトと同様に、iPhone Retina も問題ありません)。

私は使用しています:

...そして、EnableViewportScale true/false の両方で試しました- Retina 64bit 以外には効果がありません - trueはビューを完全に歪めます (緑/白のブロックしか見えません)。

私のhtmlページで。「網膜である」ときにiOSが異なる解像度値を返すといういくつかの問題を読みましたが、phonegapに関連するこれを修正することに関して何も見つかりませんでした.

奇妙なことに、ビューポート メタ タグに幅 = 400 などを設定すると、何も変化しません。これも、EnableViewportScale 設定とは関係ありません。

手がかりを事前にありがとう...

0 投票する
1 に答える
1276 参照

android - iframe を使用して listview 内のビデオのリストを表示する

リストビュー内にビデオのリストを表示する予定の次のコードがあります(ビデオのリストまたはsrcタグの値がjSONから来ていると仮定します)

次のjsとcssの組み合わせを使用しています

このページをブラウザでレンダリングすると、最初の iframe タグしか表示されず、他のすべてのタグは表示されません。また、Chrome デバッガーを使用して DOM にロードされているすべてのコンテンツを確認すると、1 つの iframe 要素しか表示されません。

iframe とは別に動画のリストを表示するより良い方法はありますか?

0 投票する
0 に答える
2298 参照

android - JqueryMobileリストビューのスクロールバーがPhonegapに表示されない

JqueryMobile と Phonegap を使用して Android アプリケーションを開発しています。順序付けられていないリストを含むページを作成しました。

AJAXを使用して、順序付けられていないリスト内にリストアイテムを動的に(遅延読み込みのように)ロードしています。

Android デバイスでテストしている間、デフォルトでスクロールバーがリスト ビューに表示されることを期待していました。しかし、それは来ていません。何か足りないものはありますか?