0

ユーザーがクリックしたボタンに基づいて div を表示/非表示にする必要があるページがあります。このページには、2 つの div (divBranchList と divGrowerList) と 2 つのボタン (btnBranch と btnGrower) があります。次のコードを使用して、div を表示/非表示にしています。

      $(document).bind('pageinit', function () {
        alert("here");
        $("#divBranchList").hide();

        //show hide lists
        $("#btnGrower").click(function () {

         $("#divGrowerList").show();
         $("#divBranchList").hide();
       });

      $("#btnBranch").click(function () {
          $("#divBranchList").show();
          $("#divGrowerList").hide();
       });

      });

これは、ページが読み込まれたとき、またはページを更新したときに完全に機能しますが、ユーザーがリストアイテムをクリックし、データを取得した後にページがサーバーから戻ってきたときに機能しません。このページには両方のリストが表示されていますが、Firebug のスクリプト パネルの次の行にブレークポイントを設定するとヒットします。

    $("#divBranchList").hide();

div が非表示にならない理由、またはそれを機能させる方法はありますか?

4

1 に答える 1

0

JQueryMobile ページでコンテンツを表示および非表示にしている場合は、おそらくUpdateLayoutイベントをトリガーする必要があります。

$("#divBranchList").trigger("updatelayout");

表示/非表示を行った後...

于 2012-09-28T15:17:23.557 に答える