JQuery Mobile：单击按钮时重定向答案

【问题标题】：JQuery Mobile: Redirect on button clickJQuery Mobile：单击按钮时重定向
【发布时间】：2013-03-11 20:11:46
【问题描述】：

我想根据列表选择重定向到不同的页面。我可以获得点击句柄上的按钮，但我如何重定向到页面。下面是我的代码

 <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 页。

谢谢

【问题讨论】：

你的答案就在这里：stackoverflow.com/questions/503093/…

标签： jquery button mobile onclick

【解决方案1】：

像这样简单的事情会起作用：

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

similar question

【讨论】：

感谢它的工作。我相信它应该在移动设备上也能正常工作。

【解决方案2】：

使用列表视图的 .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;
});

【讨论】：