Jquery div幻灯片在Safari中不起作用（在Chrome、FF中起作用。）

我有一个简单的div渐变滑块，可以在Chrome、Firefox和iPad上使用，但在Safari浏览器中不会启动。下一个/后锚不触发该功能。他们甚至没有在悬停上显示小指。有人遇到过这个问题或知道可能的解决方案吗

window.onload = function () {
$(".divs div").each(function(e) {
    if (e != 0)
        $(this).hide();
});

$("#next").click(function(){
    if ($(".divs div:visible").next().length != 0)
        $(".divs div:visible").fadeOut(function(){
            $(this).next().fadeIn();
        });
    else {
        $(".divs div:visible").fadeOut(function(){
            $(".divs div:first").fadeIn();
        });
    }
    return false;
});

$("#prev").click(function(){
    if ($(".divs div:visible").prev().length != 0)
        $(".divs div:visible").fadeOut(function(){
            $(this).prev().fadeIn();
        });
    else {
        $(".divs div:visible").fadeOut(function(){
            $(".divs div:last").fadeIn();
        });
    }
    return false;
});
}

HTML

…图像/文本。。
…图像/文本。。
…图像/文本。。
...

我在Safari上测试了你的脚本，它适合我。也许你应该试着把你的剧本改一下。即使它不能解决问题，它也肯定会避免将来出现坏脚本：

$(".divs div").each(function (e) {
    if (e !== 0) {
        $(this).hide();
    }
});

$("#next").click(function () {

    if ($(".divs div:visible").next().length !== 0) {
        $(".divs div:visible").fadeOut(function () {
            $(this).next().fadeIn();
        });
    } else {
        $(".divs div:visible").fadeOut(function () {
            $(".divs div:first").fadeIn();
        });
    }
    return false;
});

$("#prev").click(function () {

    if ($(".divs div:visible").prev().length !== 0) {
        $(".divs div:visible").fadeOut(function () {
            $(this).prev().fadeIn();
        });
    } else {
        $(".divs div:visible").fadeOut(function () {
            $(".divs div:last").fadeIn();
        });
    }
    return false;
});

---

Fiddle:

结果是CSS问题。在Safari中，图像/文本的环绕会阻止锚定。相对定位和z指数将其固定。谢谢你的快速回复。谢谢。

$(".divs div").each(function (e) {
    if (e !== 0) {
        $(this).hide();
    }
});

$("#next").click(function () {

    if ($(".divs div:visible").next().length !== 0) {
        $(".divs div:visible").fadeOut(function () {
            $(this).next().fadeIn();
        });
    } else {
        $(".divs div:visible").fadeOut(function () {
            $(".divs div:first").fadeIn();
        });
    }
    return false;
});

$("#prev").click(function () {

    if ($(".divs div:visible").prev().length !== 0) {
        $(".divs div:visible").fadeOut(function () {
            $(this).prev().fadeIn();
        });
    } else {
        $(".divs div:visible").fadeOut(function () {
            $(".divs div:last").fadeIn();
        });
    }
    return false;
});