如何在jquery mobile的占位符事件上导航到新页面

How to navigate to new page on a placeholder event of jquery mobile?

本文关键字：事件 导航 新页面 占位符 jquery mobile      更新时间：2023-09-26

可能重复：
jQuery导航到选择选项中的页面

我需要在选择特定选项时导航到一个新页面。我指的是这个jquery移动表单

这是我的密码。。。

<div class="ui-select">
             <select name="select-choice-5" id="select-choice-5"
                data-native-menu="false" tabindex="-1">
                <option>View details...</option>
                <option value="option1">Option1</option>
                <option value="option2">Option2</option>
                <option value="option3">Option3</option>
                <option value="option4">Option4</option>
            </select>
        </div>

怎么做？

演示：

  • http://jsfiddle.net/phillpafford/vsw3r/4/

JS-

$('.selectMe').change(function() {
    var $this = $(this);
    if($this.val() != '') {
        $.mobile.changePage( "#"+$this.val(), { transition: "slide"} );               
    }
});​​​

HTML

<div data-role="page" id="home">
     <select name="select-choice-5" class="selectMe" data-native-menu="false" tabindex="-1">
        <option>View details...</option>
        <option value="option1">Option1</option>
    </select>
</div>
<div data-role="page" id="option1">
     <select name="select-choice-5" class="selectMe" data-native-menu="false" tabindex="-1">
        <option>Select an option</option>
        <option value="home">Home</option>
    </select>
</div>

​同样，您的示例是指jQM Alpha版本，我的示例是使用jQM 1.0.1版本

相关文章：