Question

我对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

Answer 1

此行中存在语法错误

$(".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();
        });
    });

Answer 2

$(".ab").click(function(){
    $(".target").slideDown( 'slow', function(){});
});

您忘记在功能

中添加引号{}

slidedown不按照预期的方式工作

2 个答案: