Question

我有一个页面，我需要根据用户点击的按钮显示/隐藏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();
       });

      });

虽然这在页面加载或刷新页面时效果很好，但是当用户点击listitem并且在获取一些数据后页面从服务器返回时无效。该页面有两个列表可见但是如果我在Firebug的脚本面板中的下一行放置一个断点，它确实会被击中。

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

为什么div没有隐藏或者如何使其工作的任何想法？

Answer 1

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

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

完成展示/隐藏......

ASP.Net MVC4，jQuery mobile

1 个答案: