自定义 JQ 方法调用不了

Question

$(function(){
    $('.phone-a').click(function(){
        $('.phone_Mask-layer').slideToggle("show",'changeCorlor');
    })
    //自定义方法
    jQuery.fn.changeCorlor=function(){
        $('.sort-box-max').css("background-color","#f5f5f5");
    }
})

为什么调用不了呢？

Answer 1

$(function(){
    $('.phone-a').click(function(){
        $('.phone_Mask-layer').slideToggle("show",jQuery.fn.changeCorlor);
    })
    //自定义方法
    jQuery.fn.changeCorlor=function(){
        $('.sort-box-max').css("background-color","#f5f5f5");
    }
})

Answer 2

第二个参数是function不是string，'changeCorlor' 改成 $.fn.changeCorlor。
为什么非要定义成JQ方法呢，直接写成 function 然后用slideToggle去调用就好啦。

$(function(){
    $('.phone-a').click(function(){
        $('.phone_Mask-layer').slideToggle("show",changeCorlor());
    })
    //自定义方法
    function changeCorlor(){
        $('.sort-box-max').css("background-color","#f5f5f5");
    }
})

Answer 3

slideToggle第二个参数为函数指针，而不是字符串。另外你扩展一个JQ方法，里面应该是通过this操作，而不应该是你这里的$('.sort-box-max')。

$(function() {
    $('.phone-a').click(function() {
        $('.phone_Mask-layer').slideToggle("show", $.fn.changeCorlor或者$().changeCorlor);
    })
    //自定义方法
    jQuery.fn.changeCorlor=function() {
        $(this).css("background-color","#f5f5f5");
    }
})