1

ここにあるコードを使用してスクロール可能なタブhttp://jsfiddle.net/mekwall/dECtZ/を作成しており、問題なく動作しているようですが、最近これをアコーディオン コントロール内に配置したところ、問題が発生しています。

ここを見ると: http://jsfiddle.net/dECtZ/188/アコーディオン コントロール内に配置するように変更しましたが、問題は、アコーディオンのタブとセクションを数回入れ替えて、スクロール可能な矢印をオンにした場合です。スクロールを保証するのに十分なアイテムがない場合でも、右側が表示され始めます。

ここに画像の説明を入力

これを修正する方法がわからなくなっているので、どんな提案も大歓迎です。

どうもありがとう

4

1 に答える 1

0

次のコードを削除すると、うまくいきました。

        $(window).bind("resize.tabs", function(e) {
                var navWidth = 0;
                var arrowWidth = navPrev.outerWidth();
                nav.find("li").each(function() {
                    navWidth += $(this).outerWidth(true);
                });

                var marginLeft = -(parseInt(nav.css("marginLeft"), 10)),
                    hwidth = self.header.width();

                if (navWidth > (hwidth+marginLeft)) {
                    self.header.addClass("ui-tabs-arrow-r");
                    navNext.show("fade");
                    if (marginLeft > 0) {
                        self.header.addClass("ui-tabs-arrow-l");
                        navPrev.show("fade");
                    } else {
                        self.header.removeClass("ui-tabs-arrow-l");
                        navPrev.hide("fade");
                    }
                } else {
                    self.header.removeClass("ui-tabs-arrows ui-tabs-arrow-l");
                    navNext.hide("fade");
                    if (marginLeft > 0) {
                        self.header.addClass("ui-tabs-arrow-l");
                        navPrev.show("fade");
                    } else {
                        self.header.removeClass("ui-tabs-arrow-l");
                        navPrev.hide("fade");
                    }
                }
            }).trigger("resize.tabs");
于 2012-06-07T14:46:26.710 に答える