0

我有一个页面，我需要根据用户单击的按钮显示/隐藏 div。在页面中，我有两个 div（divBranchList 和 divGrowerList）和两个按钮（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 回答