jquery - 使用 jquery mobile 进行选择导航

Question

我目前正在使用 WordPress 的 obox 移动插件来创建该网站的“移动”版本，但这并不是重点，它实际上使用 jQuery mobile 作为基础，我想使用选择元素作为导航，所以用户获得默认的操作系统弹出窗口，他们可以在其中选择一个选项(例如在 iPhone 上，您可以在屏幕底部看到该部分)，这在一定程度上有效，但它不与基于 jquery mobile ajax 的导航集成相反，只是像平常一样加载页面 - 是否有办法让它像普通链接一样运行，以便用户可以从菜单中选择一个选项，然后它会转换到页面，就像用户单击了链接？

我已经研究这个问题很长时间了，但似乎无法找到实现它的方法......

Answer 1

您可以在调用 changePage 函数时指定转换类型:

$(document).delegate("#select", "change", function(){
    $.mobile.changePage("#"+this.options[this.selectedIndex].value,{
        transition: "slideup" //add your app's default transition here
    });

});