Javascript 无法进行响应导航
我正在使网站响应。我使用以下代码将导航设置为移动设备的选择框。但代码不起作用。我错过什么了吗Javascript 无法进行响应导航,javascript,jquery,html,mobile,navigation,Javascript,Jquery,Html,Mobile,Navigation,我正在使网站响应。我使用以下代码将导航设置为移动设备的选择框。但代码不起作用。我错过什么了吗 <nav id="main-nav"> <table cellspacing="0" cellpadding="0" border="0"> <tr> <!--START: menuitems_view--> <!--START: TOP_LINK_FORMAT--> <td now
<nav id="main-nav">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<!--START: menuitems_view-->
<!--START: TOP_LINK_FORMAT-->
<td nowrap="nowrap">
<a href="infopage.asp?page=[link_id]"
class="menu" target="[link_target]">
[link_name]
</a>
</td>
<!--END: TOP_LINK_FORMAT-->
<!--END: menuitems_view-->
</tr>
</table>
<select></select>
脚本代码如下所示:
<script>
$(document).ready(function() {
//Appending Select in NAv for Small Resolutions Devices
// Create the dropdown base
$("<select />").appendTo("#main-nav");
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Site Navigation..."
}).appendTo("#main-nav select");
// Populate dropdown with menu items
$("#main-nav a, #main-nav a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo("#main-nav select");
});
$("#main-nav select").change(function() {
window.location = $(this).find("option:selected").val();}
);
});
</script>
首先,我不确定你想达到什么目的,所以写下我看到的几个错误 首先,HTML已损坏,导航标记缺少结束标记 另一件事是,在nav标记的末尾已经有了select标记,但仍然可以通过jQuery和.appendTomain nav select创建自己的标记。 如果您只想删除一个
除此之外,选项的创建还可以,更改事件也可以工作。您的问题是什么?如果您的问题是,菜单显示两次,请删除HTML中的或脚本中的“删除创建”下拉列表基。