jQuery Mobile是一个流行的响应式网页编程框架，有专门的页面容器PageContainer用于处理页面切换、加载和转换。PageContainer有多个默认选项可以修改，以适应不同的开发需求。在本文中，我们将详细讲解PageContainer的默认选项及其含义，并给出示例说明。
默认选项
PageContainer具有许多默认选项，这些选项可以设置全局选项，也可以在单个页面或链接中设置。
全局选项
全局选项是指在全局范围内对页面容器进行设置的选项。可以使用以下代码来设置默认选项：
$(document).on("mobileinit", function() {
$.mobile.pageContainer.options.<option-name> = <option-value>;
});
这个代码将全局选项设置为指定的
$(document).on("mobileinit", function() {
$.mobile.pageContainer.options.transition = "slideup";
});
在这个示例中，我们将PageContainer的过渡效果设置为“slideup”。
单个页面选项
单个页面选项是指在单个页面或链接中设置的选项。可以在链接或页面中使用以下属性来设置：
- data-transition：设置页面过渡效果；
- data-direction：设置页面过渡方向；
- data-reverse：颠倒过渡方向；
- data-ajax：使用Ajax加载页面；
- data-history：在浏览器历史记录中添加记录。
例如，我们可以在链接上设置过渡效果：
<a href="page2.html" data-transition="slideup">进入第二个页面</a>
在这个示例中，我们将PageContainer的过渡效果设置为“slideup”。
示例说明
让我们看两个示例，来进一步理解PageContainer的默认选项。
示例1：设置PageContainer的默认过渡效果
如果我们希望PageContainer的所有页面过渡效果都是“slideup”，可以设置全局选项：
$(document).on("mobileinit", function() {
$.mobile.pageContainer.options.transition = "slideup";
});
这样，PageContainer的所有页面切换都将使用“slideup”过渡效果。
示例2：为单个页面设置过渡效果
当我们想要为单个页面设置特定的过渡效果时，可以使用data-transition属性：
<a href="page2.html" data-transition="flip">进入第二个页面</a>
这个链接将在页面切换时使用“flip”过渡效果。
通过这些例子，我们可以看到如何使用PageContainer的默认选项，以使页面切换流畅并有效。