它适用于jsfiddle,但不适用于我的网站

时间:2013-03-19 15:13:46

标签: javascript jquery

我知道有很多问题,但我找不到答案。

我在jsFiddle上的代码有效,但是当我想在我的website上使用它时,它不起作用:s并且我看不出有什么问题(不是编码, js在身体中也是负载......)

两种情况:

1:没有$(文件).ready

无论如何都没有发生。

2:没有$(文件).ready

当您点击“Et c'est reparti!”时例如,第一个条件已完成,但如果您单击另一个时间,则不会发生任何事情,而第二个条件应该激活:(

javascript:

function afficherToggle(c){
    if($(c).height()!='20'){
        $(c).stop().animate({ height: '20px',}, 600 );
    }
    else{
        $(c).animateAuto("height", 800); 
    }
}

jQuery.fn.animateAuto = function (prop, speed, callback) {
    var elem, height, width;
    return this.each(function (i, el) {
        el = jQuery(el), elem = el.clone().css({
            'height': 'auto'
        }).appendTo('body');
        height = elem.css('height'),
        elem.remove();

        if (prop === 'height') el.animate({
            "height": height
        }, speed, callback);
    });
}

感谢您的帮助!

Ps:对不起我的英语,如果不清楚,我会尝试用别人的话来解释。

2 个答案:

答案 0 :(得分:4)

您未在脚本末尾关闭$(document).ready添加});

答案 1 :(得分:0)

看看萤火虫。 ReferenceError:未定义afficherToggle。您可能需要在您的网站上使用jQuery UI 1.9.2库