分類  >  Web前端 >

按點擊次數順次觸發相應函數

tags:    時間:2013-12-09 23:29:04
按點擊次數依次觸發相應函數

2. toggle( fn, fn2, fn3,fn4,... )

toggle函數可以為對象添加click事件綁定函數,  但是設置每次點擊后依次的調用函數。

如果點擊了一個匹配的元素,則觸髮指定的第一個函數,當再次點擊同一元素時,則觸髮指定的第二個函數,如果有更多函數,則再次觸發,直到最後一個。隨後的每次點擊都重複對這幾個函數的輪番調用。

可以使用unbind("click")來刪除。

下面的示例演示如何使用toggle函數:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head>     <title>toggle example</title>     <link rel="stylesheet" type="text/css" href="css/hover.css">      <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script>      <script type="text/javascript">         $(function()         {             $("li").toggle(               function()               {                   $(this).css({ "list-style-type": "disc", "color": "blue" });               },               function()               {                   $(this).css({ "list-style-type": "square", "color": "red" });               },               function()               {                   $(this).css({ "list-style-type": "none", "color": "" });               }             );         })     </script>  </head> <body>     <ul>         <li style="cursor:pointer">click me</li>     </ul> </body> </html>


結果是每點擊一次"click me"變換一次列表符號和文字顏色.

推薦閱讀文章

Bookmark the permalink ,來源:互聯網