Question

我刚刚写了一个简单的滑块。但有一些奇怪的东西，我无法解决它。该脚本适用于 firefox（12）而不是; crome（23.0.1271.64米），歌剧（12.02），即（7-8-9-D），野生动物园（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

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

所以功能 var topcheck =parseInt($('#'+etkinlikid).css("top"))+parseInt($('#'+etkinlikid).height());因返回NaN而失败。

添加顶部：0;在你的CSS中div将解决它

Fiddle Link

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

jsfiddle code.

1 个答案: