jPages插件和IE8没有显示内容

时间:2013-01-09 19:26:16

标签: javascript jquery jquery-plugins internet-explorer-8 jpage

我在使用此插件时遇到了一些问题,我想知道之前是否有人遇到此问题,并提示/帮助解决问题。

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

所有浏览器(Safari,IE9,Firefox,Chrome等)都可以正常使用,但在IE8中只显示分页的第一项而不显示其他浏览器。

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

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

以前有人遇到过这个问题吗?

由于

2 个答案:

答案 0 :(得分: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});
    }
}

答案 1 :(得分:0)

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});
    }
}