1

jQuery モバイル アプリでは、このページを手動で更新した後に発生する奇妙なバグがいくつかあります。説明するのは難しいですが..たとえば、このページは正しく機能しますが、ページを更新すると、別のページに移動してこのページに戻ると(すべて個別のhtmlファイル) 

 $("#accountlist").html(myHtml);

htmlを設定せず、空のリストを取得しますが、「myhtml」に正しいデータがあることはわかっています。別のページに戻って戻ると、 htmlが正しく設定されます。

何か案は？

<body>

<div class="account" id="accountpage" data-role="page">
    <script>


    $(document).off('pageshow', '#accountpage').on('pageshow', '#accountpage', function() {

        $(document).off('click', '#backbuttonaccount').on('click', '#backbuttonaccount', function(){
            $.mobile.changePage("menu.html", {
                reloadPage: false,
                transition: "flip",
                reverse: true
            });
        });

      $("#accountlist").html("myHtml");
    });

</script>


    <div class="container" id="accountcontanier" data-role="content">
              <ul id="accountlist"> 

              </ul>

    </div>

設定した直後にこれを使用してデバッグすると;

 console.log($("#accountlist").text())

私は常に正しい値を見ることができます。

私もこの種のものを試しましたが、どれも役に立ちませんでした

 $("#accountlist").listview('refresh');
4

1 に答える 1

0

わかりました、2日間の闘争の後、愚かなバグを修正しました.ul IDを設定する代わりに、クラスIDを追加して設定しました..そして何とかうまくいきました!

   <ul class="account" id="accountlist"> 

          </ul>

してから設定してください。

$('.account').html(myHtml);

ul idではなく、なぜこれが機能したのかを誰かが説明してくれれば幸いです。

于 2013-04-10T09:19:16.393 に答える