2013-04-04 156 views
1

我使用選擇框作爲我的jQuery Mobile站點的菜單導航。更改URL或內部頁面使用jQuery Mobile選擇菜單

菜單的某些項目鏈接到內部頁面,其他項目鏈接到外部URL。

我使用下面的代碼更改頁面網址:

$('#menu-select').change(function() { 
    window.location = $(this).data('location') 
}) 

的HTML:

<select name='select-choice-1' id="menu-select"> 
    <option value="">Menú:</option> 
    <option value="index.php">Noticias</option> 
    <option value="index.php#tramites" data-location='index.php#tramites'>Trámites</option> 
    <option value="index.php#twitter" data-location='index.php#twitter'>Twitter</option> 
    <option value="virgen_del_valle.php">Parque Virgen del Valle</option> 
    </select> 

我有三個頁面:

  • 的index.php(帶包含頁面或數據 - 角色=「頁面」使用和ID)
  • news.php
  • event.php

的問題是,當我選擇,例如,首頁選項,然後更多的信息,並試圖去的事件,它沒有加載頁面。

這與外部和內部url加載不一致。

我認爲這段代碼必須有內部頁面和外部url的條件。

希望你能幫上忙。

謝謝。

+0

使用[$ .mobile.changePage()](http://api.jquerymobile.com/jQuery.mobile.changePage/) – Omar 2013-04-04 21:26:58

+0

我與奧馬爾同意,快速的問題雖然確實$(本).attr ('數據位置')有更多的運氣? – 2013-04-04 22:17:01

回答

2
$('#menu-select').change(function() { 
    window.location = $(this).val(); 
}); 
+0

他想讀取'data-location'屬性而不是值。 – Omar 2013-04-04 21:28:58

+0

「數據位置」未設置爲一半選項。 「價值」是語義的,並且對所有選項都一致地設置。 – 2013-04-04 23:10:52

相關問題