問題タブ [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.

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

javascript - Jquery モバイル タブと折りたたみ可能

Jquery Mobile でタブ付きの折りたたみ可能なセットを使用するにはどうすればよいですか?

ページの左側に、メニューとして機能する折りたたみ可能なセットが必要です。子を持つアイテムと持たないアイテムがあります。子のないアイテムはタブを直接変更したいのですが、子のあるアイテムは展開する必要があります。(この場合、子供たちはタブを変更します)

に例があります

タブを変更したり展開したりしない子がいないと、ヘッダー項目を取得できません。タブの内容もデフォルトで表示されます。

私が望む結果を達成するためのより良い方法はありますか?

助けてくれてありがとう

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

jquery-mobile - クリック可能なオーバーレイを備えた jQuery Mobile の折りたたみ可能な見出し

jQuery Mobile の折りたたみ可能な見出しの上に右側のボタンを重ねようとしていますが、クリック イベントをトリガーできません。div をクリックすると、折りたたみ可能なヘッダーのクリック イベントのみがトリガーされます。クリックリスナーを使用して他の要素に同じ div をオーバーレイすると、それを機能させることができますが (jsfiddle を参照)、折りたたみ可能な見出しの上にはできません。どうすればこれを機能させることができますか?

これはHTMLコードです...

... そしてリスナーを追加する JavaScript ...

...そして最後に使用される CSS ...

ここにデモがあります:http://jsfiddle.net/nmp4Lrnt/

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

jquery-mobile - Jquery data-role の折りたたみ可能なイベントが Jquery Mobile でキャプチャされない

Jquery モバイル JS を使用しているときに、次のコードが機能しない理由を教えてください。

http://jsfiddle.net/znz17ctm/7/ これは私のコードです

折りたたむイベントと展開するイベントがキャプチャされるのはなぜですか??

ドキュメントの準備ができている代わりに、モバイルのすべてのページイベントを試しました。しかし運が悪い。

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

jquery-mobile - jQuery Mobile - 折りたたみ可能なセットに折りたたみできない要素を含める

私のリストでは、いくつかの要素にはサブアイテムがあり、いくつかの要素にはありません。サブアイテムを持たないこれらは、ボタン/リンクとして機能するはずです。

残念ながら、折りたたみセットのようなアイテムが含まれています

必要なリンクへのJS aの設定はhref見栄えがしますが、JQMはそれをクリックすることで開閉イベントをトリガーします。見た目が変わり、要素内のリンクが機能しません。

誰かがアイデアを持っていますか?

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

jquery-mobile - 動的 jquery モバイル パネルの折りたたみ可能な div でスタイルが失われる

外部パネル内の折りたたみ可能な div にデータを追加するリスト項目をクリックして、新しいページを開いています。最初に開いたとき、スタイリングは折りたたみ可能な div にとどまりますが、戻って別のアイテムを開こうとすると、スタイリングはなくなりますが、データはそこにあります。create、refresh、enhancedwithin などのメソッドを追加してすべてを試してみましたが、運がなかったように感じます。何か案は??

Java スクリプト:

HTML

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

jquery-mobile - jQuery Mobile - 折りたたみ可能なウィジェットの特定の部分のみをアクティブにする

折りたたみ可能なウィジェットの特定の部分のみを実際に折りたたみ可能な部分に切り替える方法を知っている人はいますか? 私はこれを何時間も理解しようとしてきましたが、理解できないようです。

基本的に、全体<li>で展開/折りたたみをトリガーするのではなく、右側の小さな領域のみをトリガーします。

ありがとう。

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

javascript - 折りたたみ可能なウィジェット内のコンテンツを編集するには?

私は Jquery Mobile で作業しており、次のレンガの壁にぶつかっています。どこが間違っているのか誰かが親切に指摘してくれることを願っています。

コンテンツを異なる値で修正したい折りたたみ可能なウィジェットがあります。

私のHTMLの例

以下のID「solar_current」を修正しようとしています:

現在、Google Chrome でこのエラーが表示されます:-

未定義または null 参照のプロパティ 'innerHTML' を設定できません

コードを削除しましたが、午後中ずっと検索した後、この問題に直接関連する参照やその他の質問が見つかりません。

Solar_current はまだ作成されていませんか? これがエラーの理由ですか?

どうもありがとうございました。

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

javascript - Angularjs の 2 つのネストされた配列間でオブジェクトを比較し、それぞれの一致するデータを表示する

私は 2 つの配列を持っています。最初の配列はその従業員が参加するイベントをempdata開催empidし、次に 2 番目の配列はイベントの詳細を保持しています。

配列とユーザー入力を比較し、折りたたみ可能なjQueryempidを使用して、それぞれの従業員が参加した特定のイベントの詳細を表示する必要があります。合計金額も検索します。

前もって感謝します!