【问题标题】：asp.net MVC jquery page transitionsasp.net MVC jquery 页面转换
【发布时间】：2012-07-13 17:21:48
【问题描述】：
我正在使用 ASP.Net MVC 3、Razor 和 jQuery 构建一个 Web 应用程序。我想使用母版页 (_layout.cshtml) 并进行滑入/滑出页面转换。我知道如何使用 jQuery Mobile 来做到这一点，但我想在没有 jQuery Mobile 的情况下做到这一点。我想我可以用两个div 来做到这一点。有人有任何经验或示例代码等吗？任何帮助将不胜感激。
【问题讨论】：
标签：
jquery
asp.net-mvc
uislider
css-transitions
【解决方案1】：
你在正确的轨道上。如果你包含 jQuery UI，你可以创建一个包含 div（或者你喜欢的任何块级元素）的容器，然后指定：
$("#first-element").hide("slide", {direction: "left"}, 1000, function(){
$("#next-element").show("slide", {direction: "left"}, 1000);
});
这不是一个完整的示例，但可能足以让您入门。
jQuery UI 文档也可能会有所帮助。 (http://jqueryui.com/demos/hide/)