JQuery丢失)后的参数列表错误:
JQuery missing ) after argument list error in this code:
bug在哪里?
$(document).ready(function(){
$("#hidden").hover(
function(){
$("#menu>div#serie>div").show(slide("direction","bottom")400ms);
},
function(){
$("#menu>div#serie>div").hide(slide("direction","top")400ms);
}
);
});
#menu
{
margin-top:-10px;
margin-left:-10px;
width:100%;
height:150px;
background-color:#333;
position:fixed;
}
#menu>div
{
line-height:130px;
float:right;
background-color:none;
}
#menu>div>a
{
display:block;
padding-right:30px;
padding-top:20px;
padding-left:30px;
color:#2ba8f0;
font-family:arial;
text-decoration:none;
transition:color 400ms ease;
}
#menu>div#serie
{
width:140px;
height:140px;
background-color:none;
color:#2ba8f0;
text-align:center;
vertical-align:middle;
line-height:130px;
font-family:arial;
background-image:url(images/arrow.svg);
background-repeat:no-repeat;
transition:color 400ms ease;
}
#menu>div#serie>a
{
padding:30px;
}
#menu>div>a:hover
{
color:white;
}
#menu>div#serie:hover
{
height:auto;
background-color:none;
color:white;
}
#menu>div#serie>div>div
{
height:100px;
}
#menu>div#serie>div>div>a#dropdown
{
width:140px;
display:block;
color:2ba8f0;
line-height:120px;
vertical-align:middle;
text-align:center;
text-decoration:none;
background-color:#333;
-webkit-transition:background-color 400ms ease;
}
#menu>div#serie>div>div>a#dropdown:hover
{
background-color:#555;
color:white;
}
.logo
{
display:block;
width:150px;
height:150px;
background-image:url(images/logo.svg);
background-repeat:no-repeat;
float:left;
}
#menu>div#serie>div
{
height:400px;
margin-top:-25px;
display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<header id="menu">
<div>
<a href="#"><b>Kontakt</b></a>
</div>
<div>
<a href="#"><b>FAQ</b></a>
</div>
<div class="serie" id="serie">
<h4 id="hidden">Postery</h4>
<div id="hidden" class="hidden">
<div>
<a id="dropdown" href="#"><b>Pre Fanúšikov</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Osobné</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Chceš jeden?</b></a>
</div>
</div>
</div>
<div class="serie" id="serie">
<h4 id="hidden">Série</h4>
<div id="hidden" class="hidden">
<div>
<a id="dropdown" href="#"><b>Minecraft</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Vlogy</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Ostatné</b></a>
</div>
</div>
</div>
<div>
<a href="#"><b>O mne</b></a>
</div>
<div>
<a href="#"><b>Domov</b></a>
</div>
<a class="logo" href="#">
</a>
</header>
<div>
<a href="#"><b>Kontakt</b></a>
</div>
<div>
<a href="#"><b>FAQ</b></a>
</div>
<div class="serie" id="serie">
<h4 id="hidden">Postery</h4>
<div id="hidden" class="hidden">
<div>
<a id="dropdown" href="#"><b>Pre Fanúšikov</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Osobné</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Chceš jeden?</b></a>
</div>
</div>
</div>
<div class="serie" id="serie">
<h4 id="hidden">Série</h4>
<div id="hidden" class="hidden">
<div>
<a id="dropdown" href="#"><b>Minecraft</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Vlogy</b></a>
</div>
<div>
<a id="dropdown" href="#"><b>Ostatné</b></a>
</div>
</div>
</div>
<div>
<a href="#"><b>O mne</b></a>
</div>
<div>
<a href="#"><b>Domov</b></a>
</div>
<a class="logo" href="#">
</a>
</header>
#menu
{
margin-top:-10px;
margin-left:-10px;
width:100%;
height:150px;
background-color:#333;
position:fixed;
}
#menu>div
{
line-height:130px;
float:right;
background-color:none;
}
#menu>div>a
{
display:block;
padding-right:30px;
padding-top:20px;
padding-left:30px;
color:#2ba8f0;
font-family:arial;
text-decoration:none;
transition:color 400ms ease;
}
#menu>div#serie
{
width:140px;
height:140px;
background-color:none;
color:#2ba8f0;
text-align:center;
vertical-align:middle;
line-height:130px;
font-family:arial;
background-image:url(images/arrow.svg);
background-repeat:no-repeat;
transition:color 400ms ease;
}
#menu>div#serie>a
{
padding:30px;
}
#menu>div>a:hover
{
color:white;
}
#menu>div#serie:hover
{
height:auto;
background-color:none;
color:white;
}
#menu>div#serie>div>div
{
height:100px;
}
#menu>div#serie>div>div>a#dropdown
{
width:140px;
display:block;
color:2ba8f0;
line-height:120px;
vertical-align:middle;
text-align:center;
text-decoration:none;
background-color:#333;
-webkit-transition:background-color 400ms ease;
}
#menu>div#serie>div>div>a#dropdown:hover
{
background-color:#555;
color:white;
}
.logo
{
display:block;
width:150px;
height:150px;
background-image:url(images/logo.svg);
background-repeat:no-repeat;
float:left;
}
#menu>div#serie>div
{
height:400px;
margin-top:-25px;
display:none;
}
$(document).ready(function(){
$("#hidden").hover(
function(){
$("#menu>div#serie>div").show(slide("direction","bottom")400ms);
},
function(){
$("#menu>div#serie>div").hide(slide("direction","top")400ms);
}
);
});
你能帮我吗?对不起,我的英语不好。
接近"400ms"。两次。
$("#menu>div#serie>div").show(slide("direction","bottom")400ms);
应该像
$("#menu>div#serie>div").show(slide("direction","bottom"), "400");
相关文章:
- 用于查询错误转换的角度资源返回列表
- 为什么当我尝试在Ionic中使用列表时会出现此JavaScript错误
- 参数列表Three.js之后的未捕获语法错误:缺少)
- JavaScript类列表选择器错误
- 参数列表后缺少未捕获的语法错误)
- 如何将对象插入对象列表的开头,当它有 unshift 不是函数错误
- 属性列表后缺少}语法错误
- 未捕获的类型错误:对象#<节点列表>没有方法'addEventListener'
- 在列表项中插入错误值的文本输入
- 下拉列表中的选定索引在未选择任何值时引发错误
- 参数列表后的未捕获语法错误:缺少)
- 使用 Angular.js 使用多选下拉列表时出现 [$compile:multidir] 错误
- 在javascript错误中将json列表传递给数组
- 如何更新列表项由jQuery AJAX调用添加的ASP Dropdown:错误无效的回发或回调
- Json下拉列表错误
- 求解参数列表错误后的WebDriverException:缺少)
- fql获取好友列表错误
- Adobe Javascript If/Else下拉列表错误
- JQuery丢失)后的参数列表错误:
- HTML 中的动态下拉列表错误