jquery - asp.net MVC jquery 页面转换

Question

我正在使用 ASP.Net MVC 3、Razor 和 jQuery 构建一个 Web 应用程序。我想使用母版页 ( _layout.cshtml) 并进行滑入/滑出页面转换。我知道如何使用 jQuery Mobile 来做到这一点，但我想在没有 jQuery Mobile 的情况下做到这一点。我想我可以只用两个div's 来做到这一点。有人有任何经验或示例代码等吗？任何帮助，将不胜感激。

Answer 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/ )