0

如何使用 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

4

2 回答 2

1

正确的语法是：

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

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

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

于 2013-07-10T07:47:48.573 回答
1

你也可以直接包含一个函数作为语句：

$("#panel").slideToggle("slow", function() {
    // things to happen AFTER the slide is finished
    })
);
于 2013-07-10T07:48:59.907 回答