問題タブ [jquery-mobile-collapsible]
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.
html - Jquery Mobile折りたたみ可能なリストビューの高さを設定する方法
プログラムでポップアップを作成しました。折りたたみ可能でリストビューはポップアップのコンテンツ内にあります
折りたたみ可能とリストビューは $.map
、データをロードするために使用して動的に作成されます
ここに私のjsFiddleがあります
リストビューに表示される数を制限する方法はあるの<li>
でしょうか?
例えば
4 だけを表示させたいのですが、スクロール<li>
すると5番目が表示されます<li>
<ul>
どうすればそれを達成できますか?!
の高さを設定しようとしましたが<ul>
、うまくいきません...
下手な英語でごめんなさい... 私は台湾人です
私が何を言おうとしているのか理解できない場合は、教えてください
私はそれをよりよく説明しようとします
javascript - コンテンツがフェッチされるまで、折りたたみ可能オブジェクトの展開を遅らせるにはどうすればよいですか?
次のように機能する jQM アプリ (1.3.2) に折りたたみ可能なものを統合したいと考えています。
- 折りたたまれ始めます。
- クリックすると、サーバーから折りたたみ可能なリストアイテムの取得が開始されます。折りたたみ式は閉じたままです。ロード アイコンが回転している可能性があります。
- すべての要素が読み込まれ、リストビューが更新されて準備が整うと、折りたたみ可能なものが展開されます。
- もう一度クリックすると、すぐに閉じて、1 から始まります。
私の最初のアイデアは、expand
イベントを取得してその伝播を防ぐことでした。読み込みが完了したら、カスタム イベント ハンドラーの登録を解除して折りたたみ可能なものを通常に戻し、最後に JavaScript から展開イベントをトリガーして開きます。
問題は、これが最初のラウンドで機能することですが、その後折りたたみ式がとにかく開きます。この例を考えてみましょう (これもjsfiddleにあります):
JavaScript:
ここで、ロード後に折りたたみ可能をクリックすると、閉じたままになります (良い)。ロック解除をクリックすると開き、アラートは表示されません (良い)。もう一度ロックすると、アラートが表示されますが (良い)、とにかく開きます (悪い)。
誰かが私が間違っていることを教えてくれますか? ロック解除による目に見えない副作用があるようです。ここにはいくつかの同様の質問がありますが、ほとんどの人は、拡張を再開せずに拡張を防止するだけで満足しています.
だから私の質問は次のとおりです。折りたたみ式の拡張を確実に遅らせる最良の方法は何ですか?
編集:リストビューロジックを統合し、このエラーも表示する別の例を追加しました。jsFiddle はこちらです。.one()
また、登録解除をより追跡可能にするために移動しました。
新しい JavaScript:
最初の拡張では期待どおりに動作し、最初に更新してから開きます。2 回目の実行では、待機せずに開きます。後でタイムスタンプが更新されるのを確認できるため、イベントが適切に呼び出されます。
.preventDefault()
わからないという問題があるようです...
jquery - 折りたたみ可能なセットのコンテンツは jQuery Mobile スタイルを取りません
私は現在 http://jsfiddle.net/TPxT7/を抱えている問題を実証するために修正した小さなフィドルを持っています。基本的にスタイルtextboxes
はいいけど、何をしても変わらない。折りたたみ可能なものは常に動的に作成されます。jQuery Mobile
refresh
trigger
リンクに何か問題がある場合に備えて、コードを添付します。
HTML:
SCRIPT (インデントの欠如について申し訳ありません):
下部にあるように、次のコードを追加しようとしました (すべてを一度にではありません)。
また、この質問に関するいくつかの回答をたどろうとしましたが、何も違いがないようです。何かが欠けている可能性がありますが、頭を働かせることができないようです。
より明確にするために、静的モードで作成したこのFiddleのようにも見えるようにしたいと思います。
提案やアイデアは大歓迎です。
javascript - 展開時の jquerymobile 折りたたみ可能セットのスクロール位置
このjsFiddleに示すように、jQueryMobile (v1.4.0)折りたたみ可能なセット/アコーディオンを使用して、要素とそのコンテンツのリストを表示しています。
私が抱えている問題は、アイテムのコンテンツが画面の長さよりも長い場合のスクロールです。
たとえば、フィドルで:
- 最初の折りたたみ可能なアイテムを開く
- 一番下までスクロールします (スクロールする必要がない場合は、スクロールする必要があるようにウィンドウのサイズを変更します...そうしないと、問題は表示されません)
- 2 番目のアイテムを開く
=> 最初のアイテムが閉じられ、2 番目のアイテムが開かれますが、ページのスクロールは変わらず、2 番目のアイテムのコンテンツの最後が表示されます。
したがって、私の質問:画面の上部にある 2 番目の項目の「ヘッダー」をページに強制的に設定するスマートな方法はありますか?
ありがとう、T.