2013-07-10 59 views
0

我如何調用使用jQuery的其他功能,我已經嘗試過所有的方法和所有失敗, 我有一個使用jquery api腳本的幻燈片函數的示例我需要調用一個函數,然後滑動結束,但我不能執行簡單的函數complete()如何在滑動結束後調用jQuery中的另一個函數?

<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

回答

1

正確的語法是:

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

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

[]僅用於表示參數是可選的。

+0

非常感謝主席先生! – atari400

1

您也可以直接包含一個函數作爲一個語句:

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