ASP.Net MVC4、jQuery 移动版答案

【问题标题】：ASP.Net MVC4, jQuery mobileASP.Net MVC4、jQuery 移动版
【发布时间】：2012-09-28 23:17:23
【问题描述】：

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

【问题讨论】：

标签： jquery-mobile asp.net-mvc-4

【解决方案1】：

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

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

在你完成展示/隐藏之后......

【讨论】：