我对html,jquery和css非常新。我正在尝试创建一个导航栏,当我点击该导航栏时,它将打开一个jquery滑动,但它没有按照预期的方式工作。以下是我为此目的编写的代码的一小部分
html:
<ul class="dropdown">
<li id="cl1"><a class="ab" href="#">About </a></li >
</ul>
css:
<div class="target" style="z-
index:3;width:1000px;height:1000px;display:none;background-
color:white;opacity:0.8;position:fixed;top:0px;left:0px;">
<img src="horse.jpg" alt="horse" />
</div>
jquery:
$(document).ready(function() {
$(".ab").click(function(){
$(".target").slideDown( 'slow', function());
});
});
there are more sub menus to the above html
答案 0 :(得分:0)
此行中存在语法错误
$(".target").slideDown( 'slow', function());
应该是
$(".target").slideDown( 'slow', function(){});
这是完整版
$(document).ready(function() {
$(".ab").click(function(event){
$(".target").slideDown( 'slow', function(){
// after animation code here
});
return false; //this for preventing the default event of you can use event.preventDefault();
});
});
答案 1 :(得分:0)
$(".ab").click(function(){
$(".target").slideDown( 'slow', function(){});
});
您忘记在功能
中添加引号{}