2013-03-11 63 views
1

我想根据列表选择重定向到不同的页面。我可以点击按钮上的按钮,但我如何重定向到一个页面。 下面是我的代码JQuery Mobile:按钮点击重定向

<div data-role="page" id="page1"> 
    <!-- Header --> 
    <div data-role="header"> 
<a href="#detailpage" data-rel="back" data-icon="arrow-l">back</a> 
    <h1>List</h1> 
    <a href="#" data-icon="arrow-r" data-iconpos="right" id="disnext">Next</a>  
    </div> <!-- /Header --> 
    <!-- Contents --> 
    <div data-role="content"> 
    <ul data-role="listview" data-filter="true" id="list"> 
     <li data-name="val1">Value 1</li> 
     <li data-name="val2">Value 2</li> 
     <li data-name="val3">Value 3</li> 
    </ul> 
    </div> 
</div> <!-- /Contents --> 
</div> 

<!-- /Contents --> 
$("#disnext").click(function(e){ 

    alert("Button is clicked"); 
    // HERE I WANT TO REDIRECT TO DIFFERENT PAGE BASED ON LIST SELECTION 


    return false; 
    }); 

如果用户选择值为1就应该到第1页,如果用户选择值2就应该到第2页这样。

感谢

+0

你的答案就在这里: http://stackoverflow.com/questions/503093/how-can-i -make-a-redirect-page-in-jquery-javascript – naspinski 2013-03-11 20:13:22

回答

1

一些简单的像这样将工作:

window.location.href = "http://somesite.com/" + $('#list').val(); 

similar question

+1

谢谢你的工作。我相信它应该可以在移动设备上运行。 – User382 2013-03-12 13:15:12

+0

如果它是正确的,请将其标记为答案 – naspinski 2013-03-14 17:30:38

0

使用列表视图,你可以得到所选择的指数的.index()属性。

$("#disnext").click(function(e){ 
    alert("Button is clicked"); 
    // HERE I WANT TO REDIRECT TO DIFFERENT PAGE BASED ON LIST SELECTION 
    var selectedIndex = $("#list").index(); 

    //Logic here 
    return false; 
});