jquery - 如何使用 Jquery 移动选择菜单更改页面？

Question

我正在开发一个应用程序，我在其中使用选择菜单。由于我是开发新手，我不知道在选择选择菜单时如何更改页面。我尝试了选择菜单上的 onclick 事件和 onchange 事件，但它们不起作用。我使用的代码是

代码:

index.html

<section id="previewPage" data-role="page">
  <div data-role="content" id="previewId" class="previewScreen">


        <select name="select-choice-0" id="select-choice-1" data-native-menu="false">
            <option value="email">Share via Email</option>
            <option value="bbm">Share via BBM</option>
            <option value="sms">Share via SMS</option>
            <option value="facebook">Share via Facebook</option>
            <option value="twitter">Share via Twitter</option>
            <option value="google">Share via Google</option>
        </select>                       
        </div>

    </section>

根据上述代码当我单击“通过电子邮件共享”或“通过 BBM 共享”时，它需要将页面导航到那些特定的 html 页面。例如当我单击“通过 BBM 共享”选项时我的项目需要将页面从index.html更改为BBM.html页面。

有人可以帮我解决这个问题吗......提前致谢...

Answer 1

jQuery Mobile 公开 $.mobile.changePage 方法。你可以用这个来解决问题。

如果需要导航的页面与“index.html”在同一目录下，可以使用下面的js。

$(function(){

    $('select').change(function() {
        var nextpage = $(this).children('option:selected').attr('value');
        $.mobile.changePage( nextpage + '.html' );
    });

});​

DEMO :jsfiddle(多页示例)