使用jQuery Mobile选择更改URL或内部页面作为菜单

Question

我正在使用选择框作为我的jQuery Mobile网站的菜单导航。

菜单的某些项目链接到内部网页，其他项目链接到外部网址。

我正在使用以下代码来更改页面网址：

$('#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（包含到pages或data-role =“page”with和id）
• news.php
• event.php

问题在于，当我选择Home选项，然后选择More Information并尝试转到Event时，它没有加载页面。

它与外部和内部网址加载不一致。

我认为此代码必须具有内部页面和外部URL的条件。

希望你能提供帮助。

感谢。

Answer 1

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