我正在使用选择框作为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的data-role =“ page”)
news.php
event.php


问题是,当我选择“主页”选项,然后选择“更多信息”并尝试转到“事件”时,它没有加载页面。

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

我认为此代码必须对内部页面和外部url有条件。

希望能对您有所帮助。

谢谢。

最佳答案

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

关于javascript - 使用jQuery Mobile选择菜单来更改URL或内部页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15820559/

10-12 13:01
查看更多