Question

如何使用jquery调用其他函数，我尝试了所有方法，但都失败了，我有一个使用jquery api脚本的滑动函数的例子我需要在滑动结束时调用函数但是我无法执行简单函数complete()

 <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
    <script> 
    $(document).ready(function(){
      $(".flip").click(function(){
        $("#panel").slideToggle(["slow"][,complete]); // i need to call the complete function

           function complete(){alert("hello");}
      });
    });
    </script>

    <style type="text/css"> 
    #panel,.flip
    {
    padding:5px;
    text-align:center;
    background-color:#e5eecc;
    border:solid 1px #c3c3c3;
    }
    #panel
    {
    padding:50px;
    display:none;
    }
    </style>
    </head>
    <body>

    <div class="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>

    </body>
    </html>

我在w3schools中使用过这个例子

http://w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

Answer 1

正确的语法是：

$(document).ready(function(){
  $(".flip").click(function(){
    $("#panel").slideToggle("slow", complete);

    function complete(){alert("hello");}
  });
});

[]仅用于表示参数是可选的。

Answer 2

您还可以直接将函数包含为语句：

$("#panel").slideToggle("slow", function() {
    // things to happen AFTER the slide is finished
    })
);

如何在滑动结束后调用jquery中的另一个函数？

2 个答案: