鍍金池/ 問答/HTML/ jquery toggle方法沒有效果？

jquery toggle方法沒有效果？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>toggle事件示例</title>
    <style type="text/css">
        #div1 {
            font-size: 9pt;
            background-color: #9FF;
            height: 300px;
            width: 400px;
            border: 1px solid #000;
        }
    </style>
    <script type="text/javascript" src="jQuery/jquery-1.10.2.js"></script>
    <script type="text/javascript">



        $(document).ready(function (e) {
            //鼠標(biāo)單擊時改變背景顏色
            $("#div1").toggle(
                //第1次單擊更改為綠色
                function () {
                    $(this).css("background-color", "green");
                },
                //第2次單擊更改為紅色
                function () {
                    $(this).css("background-color", "red");
                },
                //第3次單擊更改為黃色
                function () {
                    $(this).css("background-color", "yellow");
                }
            );
        });
    </script>
</head>

<body>
    <div id="div1">單擊這里更改顏色</div>
</body>

</html>

點擊div沒有變色是什么原因造成的

回答
編輯回答
抱緊我

你用的jq版本是1.10, 而toggle函數(shù)自jq 1.9開始就已經(jīng)被移除了, 所以你調(diào)用toggle方法的時候, 會報方法不存在,建議調(diào)用1.9以下版本。

2017年7月1日 10:09
編輯回答
紓惘

在最新的JQuery的程序庫中jquery-2.2.3.js中已經(jīng)有好幾個函數(shù)被替換到了。應(yīng)該說版本過1.8或1.9時就淘汰了。
toggle() 1.8以上被淘汰
jQuery Migrate（遷移）插件可以恢復(fù)此功能。
詳情：http://www.css88.com/jqapi-1....

2017年7月5日 05:20
編輯回答
壞脾滊

用舊版jquery，或者使用jQuery Migrate插件

2017年9月10日 03:27