我正在从头开始构建简单的Web模板.我使用旧式jquery在导航栏上悬停以显示列表<li>,但它仅适用于关于我们的列并且不在产品列上工作.
怎么了？我该怎么办？
HTML页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Template</title>
<meta name="viewport" content="width=device-width" />
<script src="<?php echo base_url();?>js/jquery-3.0.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/style.css">
<script>
$(document).ready(function(){
$("#nav ol li").hover(function(){
$("ol",this).show(); //when onmouseover //ol ?? nav ol li ??????????
},
function(){ //when mouseout
$("ol",this).hide();
});
});
</script>
</head>
<body>
<div id="wrapper">
<div class="toptext">
<span style="margin-left: 85%"><?php echo anchor("login","???????????");?></span>
<span style="float:right;"><?php echo anchor("register/index","???????????");?></span>
</div>
<div id="header">
<h1><p></p></h1>
</div>
<div id="nav">
<ol>
<li><a href="<?php echo base_url();?>index.php/home">Home</a></li>
<li><a …