为什么我的小自定义功能不能正常工作?

时间:2015-04-30 00:41:46

标签: javascript jquery

我编写了一个无法按预期工作的自定义函数。代码的这一部分$(carta).stop().css("visibility","visible").fadeIn();

和这个

$(carta).stop().fadeOut(250); 

没有被触发,但如果我更改了id(“#carta1”)的carta var,它就可以了。有谁知道我应该改变什么功能才能正常工作?

这是代码;

function yes(meal,carta){
    var fadeTo_null = function(e){
        e.preventDefault();
        $("#probando").stop().fadeTo(250,0);
        $("#probando").css("visibility","hidden");
        $(carta).stop().css("visibility","visible").fadeIn(); 

    };

    var fadeTo_back = function (e){
        e.preventDefault();
        $("#probando").stop().fadeTo(500,1);
        $("#probando").css("visibility","visible");
        $(carta).stop().fadeOut(250);

    };

    $(meal, carta).hover(fadeTo_null,fadeTo_back);

};


    $(document).ready(function(){

    yes("#frueh" ,"#carta1");
});

3 个答案:

答案 0 :(得分:0)

将变量对象传递给函数,如下所示:

yes(meal, $('#carta'));

然后在函数内部使用变量:

carta.stop().css("visibility","visible").fadeIn();

答案 1 :(得分:0)

你有一个字符串,但有2个参数

更改为:

yes("#frueh","#carta1");//now have 2 params

然后当你需要两者时,你可以使用:

$([meal, carta].join())// $('#frueh,#carta1')

答案 2 :(得分:0)

您忘记关闭参数的引号并关闭就绪函数的括号。

无效的代码:

$(document).ready(function(){
    yes("#frueh ,#carta1");
};

正在运行的代码:

$(document).ready(function(){
    yes("#frueh","#carta1");
});