2012-09-28 60 views
0

我有一个页面,我需要根据用户点击的按钮显示/隐藏div。在页面中,我有两个div(divBranchList和divGrowerList)和两个按钮(btnBranch和btnGrower)。我使用下面的代码来显示/隐藏div。ASP.Net MVC4,jQuery手机

 $(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没有隐藏或如何使其工作?

回答

0

如果你正在展示,并在JQueryMobile页面隐藏的内容,你可能会需要触发UpdateLayout事件

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

你做你的显示/隐藏后...