0


jCarouselLite プラグインによってオーバーフロー プロパティが非表示に設定された一連の LI 要素があります。私がしたいのは、jCarouselLite'd 要素をスクロールして、必要な 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 要素が表示されますが、最後の LI 要素は表示されません。私がやりたいことは、4 番目の LI 要素が表示されるようにスクロールすることです。または、最後の LI がオーバーフロー領域内にあるかどうかを確認できれば、自分でそれを行うことができるので、スクロールする必要があるかどうかを確認できます。それを表示するかしないかです。

混乱して理解できないことを願っています。

4

2 に答える 2

0

私があなたを正しく理解していれば、そのグループの最後のliにスタイルがoverflow: hiddenかどうかを確認したいでしょう。

これは、単純なセレクターで行うことができます。

$(document).ready(function(){

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

});​

これにより、最後の li のオーバーフロー スタイルが変数 "tester" に設定され、アラート ボックスが送信されると、オーバーフローの現在の状態が警告されます。したがって、オーバーフローが非表示に設定されている場合は「非表示」と表示され、オーバーフローがスクロールに設定されている場合は「スクロール」と表示されます。

正しく理解できなかったり、質問に答えなかったりしたら申し訳ありません。

于 2010-08-25T01:43:27.450 に答える
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 に答える