javascript - jPages 插件和 IE8 不显示内容

Question

我在使用这个插件时遇到了一些问题，我想知道之前是否有人遇到过这个问题以及如何解决的一些提示/帮助。

我有一个使用 jPages jQuery 插件的页面。http://luis-almeida.github.com/jPages/

在所有浏览器（Safari、IE9、Firefox、Chrome、..）中一切正常，但在 IE8 中仅显示分页的第一项而不显示其他项。

如果我禁用插件，IE8 会显示所有内容。如果我尝试分页，只显示第一项。

我正在使用插件的默认配置。

以前有人有这个问题吗？

谢谢

Answer 1

在 ie8/ie7 中也有这个问题。通过将当前项目的不透明度设置为 1 的回调函数修复。根据容器的结构（我在此示例中使用 a），您可能需要更改 jQuery 行 var onFocus = $("#coverflow_section li:eq(" + (i) + ")");.

$("div.pagination").jPages({
    containerID : "coverflow_section",
    callback    : ieFix,

});

function ieFix(pages, items)
{
    for(i = items.range.start - 1; i < items.range.end; i++)
    {               
        var onFocus = $("#coverflow_section li:eq(" + (i) + ")");
        onFocus.css({'opacity':1});
    }
}

Answer 2

IE8 似乎也有 eq() 的问题。我已经解决了这个回调的问题：

$("div.pagination").jPages({
    containerID : "coverflow_section",
    callback    : ieFix,
});

function ieFix(pages, items)
{
    for(i = items.range.start; i <= items.range.end; i++)
    {               
        var onFocus = $("#coverflow_section li:nth-child("+i+")");
        onFocus.css({'opacity':1});
    }
}