回调函数为什么不起作用？

Question

 <div id="switch-button" class="switch">
        <div class="switchOn"></div>
    </div>

 <script>
        $(document).ready(function(){
            //
                $("body").on("click",".switch",function(e){
                    e.stopPropagation();
                    console.log(this);
                var length=$(this).find(".switchOn").length;
                    console.log(length);
                if(length>0){
                    $(this).toggleClass("switchOn",function(){
                        alert("使用回调函数，先隐藏再弹出对话框!");
                    })

                }
            })
        });
        //回调

    </script>

Answer 1

你调用的这个版本的toggleClass(字符串)没有回调配置啊，直接看api toggleClass参数是什么的，不能乱传

                /* $(this).toggleClass("switchOn", function () {
                    alert("使用回调函数，先隐藏再弹出对话框!");
                })*/
                //这样才是回调的版本
                $(this).toggleClass(function (index, className) {
                    alert("使用回调函数，先隐藏再弹出对话框!");
                    if ($(this).hasClass('switchOn')) { $(this).removeClass('switchOn'); return '' }

                    return 'switchOn'
                })