jquery 幻灯片仅适用于 Firefox，不适用于 chrome、opera、ie

Question

我刚刚写了一个简单的 slider 。但有些奇怪的东西我无法修复。该脚本适用于 firefox (12)，不适用于； 克罗姆 (23.0.1271.64 m), 歌剧 (12.02), 即(7-8-9-D)， Safari (5.1.7)。

这是下面的代码。谁能告诉我如何修复它？

jsfiddle code.

$.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 就可以解决这个问题

Fiddle Link