0

我有一组 LI 元素,其溢出属性设置为由
jCarouselLite 插件隐藏。我想做的是滚动 jCarouselLite 元素以滚动到我想要的 LI 元素,因为我将它配置为仅显示 3 个元素。查看插件生成的html代码,可以看到:

<ul ..>
    <li ..style="..overflow:hidden">1</li>
    <li ..style="..overflow:hidden">2</li>
    <li ..style="..overflow:hidden">3</li>
    <li ..style="..overflow:hidden">4</li>
</ul>

所以,我有插件显示的前 3 个 LI 元素,但不是最后一个。我想做的是滚动以显示第 4 个 LI 元素,或者如果我设法检查最后一个 LI 是否在溢出区域内,我可以自己执行此操作,因此我可以查看是否有必要滚动它以显示或不显示。

希望我不会混淆理解。

4

2 回答 2

0

我找不到原始问题的答案,但是对于任何 jCarouselLite 插件用户,为了使 carouselLite 滚动到特定项目,我所做的只是修改插件的私有方法go的声明为了公开,如下:

.. code ..
go = $.fn.jCarouselLite.go = function go(to) {
        if(!running) {
    .. code ..
}
.. code ..

我确信这不是最好的,更重要的是,更安全的解决方案,但现在它对我有用。只需要打电话

$().jCarouselLite.go(position);

在我的脚本中,将位置视为从 0 开始的数字(carouselLite 上的第一个位置)。

于 2010-08-25T04:04:08.407 回答
0

如果我理解正确,您想检查该组中的最后一个 li 是否具有样式溢出:隐藏。

你可以用一个简单的选择器来做到这一点。

$(document).ready(function(){

  tester = $('li').last().css('overflow');
  alert (tester);

});​

这会将最后一个 li 的溢出样式设置为变量“tester”,当它发送警报框时,它会提醒当前的溢出状态。所以如果溢出设置为隐藏,它会说“隐藏”,如果溢出设置为滚动,它会说“滚动”。

抱歉,如果我没有正确理解或回答您的问题。

于 2010-08-25T01:43:27.450 回答