jquery - jquery幻灯片只工作firefox而不是chrome，opera，ie

Question

我刚刚写了一个简单的滑块。但是有一些奇怪的东西，我无法修复它。该脚本适用于firefox (12)而不是； crome (23.0.1271.64 m)，opera (12.02)，即 (7-8-9-D)，safari (5.1.7)。

这是下面的代码。谁能告诉我我该如何解决？

jsfiddle 代码。

$.fn.etkinlikslide = function() {
    var etkinlikid        = this.selector.replace(/\#/g,'');
    var esheight    = parseInt($('#'+etkinlikid).height());
    var epheight    = parseInt($('#etkinlikpanel').height());
    function oynat(){
        var topcheck =parseInt($('#'+etkinlikid).css("top"))+parseInt($('#'+etkinlikid).height());
        if (topcheck<0) $('#'+etkinlikid).css("top",$('#etkinlikpanel').css("height"));
        $('#'+etkinlikid).css("top",parseInt($('#'+etkinlikid).css("top"))-1+'px');
    }
    if (esheight>epheight) {
        var etkinliktimer = window.setInterval(function() {oynat()}, 80);
        $('#'+etkinlikid).hover(function(){
            window.clearInterval(etkinliktimer);
        },function(){
            etkinliktimer = window.setInterval(function() {oynat()}, 80);
        });
    }
};
$("#etkinlikslide").etkinlikslide();

Answer 1

您的问题是 CSS 属性 top 的默认设置在 IE 中设置为 auto ，而在 Firefox 中设置为 0 。

所以函数 var topcheck =parseInt($('#'+etkinlikid).css("top"))+parseInt($('#'+etkinlikid).height());失败，因为它返回 NaN。

添加顶部：0；在你的CSS到div会解决它

小提琴链接