問題タブ [jquery-mobile-listview]

PhoneGap + jQuery Mobile で非常にシンプルなアプリを作成しています。目的は、PhoneGap アプリケーションの作成に自信を持つことです。

このアプリは非常にシンプルです。ナビゲーションバー付きの HomePage があります。ナビゲーション バーには、連絡先、カレンダー、ドキュメントの 3 つのボタンがあります。

ボタンは、要素内の 3 つのタブを管理します<div data-role="content">。これらの 3 つのタブを非表示にしました。ユーザーがナビゲーションバーをタップすると、タブを正しくナビゲートできます。

ここで、問題: 最初のタブに連絡先を正常にロードしましたが、そこに移動すると、仕切りしか表示されません! 代わりに、ホームの [連絡先] タブを非表示にしないと、連絡先が正しく表示されます。ユーザーがまだホームページにいる間にすべてのデータをロードしたいと思います。そのため、彼が何をすべきかを決定している間、アプリにはそれらを読み込むのに十分な時間が必要です。

次のスクリーンショットは、私が何を意味するかを示しています。

なぜこれが起こるのですか？私のコードが必要な場合は、ここにあります (重要な部分のみ! ;))

HTML:

JS:

ご助力ありがとうございます。リク

私は使用しているWebページ<li>にcheckBoxes動的にJQuery Mobile追加していますが、追加した後、適切に表示できませんでしたが、 Here is my HTML Part$('#contactList').listview('refresh')というエラーが表示されますlistview is not a function

そして私が動的に追加するJS部分は

li両方をリフレッシュする方法とcheck boxes、正しく見えるようにする方法

更新:: 私のページの頭はこのようなものです

UL の初期化または更新に問題があります - コード サンプルで使用している方法は、使用している別の関数で機能しますが、ここでは機能しません...何か不足しているに違いありませんか?

これが私のHTMLで、ulはコードで作成されます:

私はこれを正しく理解できないようです。my.each()は 5 つの要素すべてを返しますが、タイミングがずれています。また、の各要素を取得するための構文を正しく取得できないようです.each():

これがJSFiddleの私のテーブルデータです

アップデート：

私はほとんどそこにいます、私のリストビューの更新は更新されていません!

jQuery Mobile + PhoneGap フレームワークをテストするために、単純なアプリに取り組んでいます。要素にいくつかのサムネイルがあるリストビューに問題があります。

問題は、一部の画像が正しくサイズ変更およびレンダリングされ、他の画像がそうでないことです。理由がわかりません。ブラウザからリンクに移動すると、リンクは正しいのです。さらに、同じ正確なリンクをリストビューの外に置くと、たとえば、div要素で、画像が正しくレンダリングされます (そして、明らかにサイズ変更されません)。

これは私を怒らせています！

コード スニペットは次のとおりです (関連する HTML と関連する JS):

HTML

JS

助けてくれてありがとう、リク

私は自分の問題をこのように単純化しました

関数定義コンテンツを削除すると、適切に読み込まれます。ただし、関数 (空の関数のみ) を含めようとすると、jquery モバイルの「ルック アンド フィール」が得られません。スクリプトが div タグのすぐ下で呼び出されるとどうなりますか? それは他のJsファイルを除外しますか? 含まれていますか？

JavaScript と jQuery でアプリを開発しています。アプリには、listview(jQuery モバイル) といくつかの項目があります。

アイテム内のすべてのデータ アイコンを動的に削除する関数を作成しましたが、機能してlistviewいません。

しかし、アイコンを動的に変更しようとすると、完全に機能します。

私は何を間違っていますか？

JQuery Mobile で遊んでいます...デモの例はこちら (オランダ語ですが、問題ありません):

https://c9.io/pieter78/neurodss/workspace/noac/index.html

最初の項目 (dagibatran) を取得してから、次のページの 2 番目の項目 (選択科目 ingrepen) を取得すると、リンクは機能しません。ただし、2 番目のページに直接移動すると、次のようになります。

https://c9.io/pieter78/neurodss/workspace/noac/dagibatran.html

（または、最初のページから来た場合は単に再読み込みしてください）動作します。

IE では、最初のリンクで「 dagibatran」をクリックすると、次の URL に到達することがわかります 。 /noac/dagibatran.html

これが機能しないことは理解できますが、なぜこれが起こるのかわかりません。私見コードは正しいです。

助言がありますか？

プログラムでポップアップを作成しました。折りたたみ可能でリストビューはポップアップのコンテンツ内にあります

折りたたみ可能とリストビューは $.map、データをロードするために使用して動的に作成されます

ここに私のjsFiddleがあります

リストビューに表示される数を制限する方法はあるの<li>でしょうか?

例えば

4 だけを表示させたいのですが、スクロール<li>すると5番目が表示されます<li><ul>

どうすればそれを達成できますか?!

の高さを設定しようとしましたが<ul>、うまくいきません...

下手な英語でごめんなさい... 私は台湾人です

私が何を言おうとしているのか理解できない場合は、教えてください

私はそれをよりよく説明しようとします