Jquery mobile Net MVC4，jQuery mobile

我有一个页面，需要根据用户单击的按钮显示/隐藏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没有隐藏或者如何让它工作吗？

如果你在JQueryMobile页面中显示和隐藏内容，你可能需要触发事件

在你完成展示/隐藏之后

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