1

リストの選択に基づいて別のページにリダイレクトしたいと思います。クリックハンドルのボタンを取得できますが、ページにリダイレクトするにはどうすればよいですか。以下は私のコードです

 <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に移動する必要があります。

ありがとう

4

2 に答える 2

1

このような単純なものが機能します：

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

同様の質問

于 2013-03-11T20:15:38.653 に答える
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;
});
于 2013-03-11T20:14:44.560 に答える