我在firefox中得到了太多的递归错误。该代码适用于Chrome。我假设因为这段代码:
if ($visible.outerWidth() > spaceAvail) {
NavTabs.updateOnResize();
}
此页面中出现错误http://praxistipps.chip.de/rubrik/android。
更新: 这是导致firefox出错的主要功能。
var NavTabs,
$nav = $('.NavTabs'),
$toggle = $nav.find('.NavTabs__Toggle'),
$visible = $nav.find('.NavTabs__Visible'),
$hidden = $nav.find('.NavTabs__Hidden'),
classHidden = 'is-hidden',
breaks = [];
updateOnResize: function updateOnResize() {
var spaceAvail = $toggle.hasClass(classHidden) ? $nav.outerWidth() : $nav.outerWidth() - $toggle.outerWidth(); // eslint-disable-line
$hidden.attr('style', 'min-width:' + $toggle.outerWidth() + 'px');
if ($visible.outerWidth() > spaceAvail) {
breaks.push($visible.outerWidth());
$visible.children().last().prependTo($hidden);
if ($toggle.hasClass(classHidden)) {
$toggle.removeClass(classHidden);
}
} else {
if (spaceAvail > breaks[breaks.length - 1]) {
$hidden.children().first().appendTo($visible);
breaks.pop();
}
if (breaks.length < 1) {
$toggle.addClass(classHidden);
$hidden.addClass(classHidden);
}
}
if ($visible.outerWidth() > spaceAvail) {
NavTabs.updateOnResize();
}
}
<nav class="NavTabs">
<button class="NavTabs__Toggle">Weitere Kategorien</button>
<ul class="NavTabs__Visible"></ul>
<ul class="NavTabs__Hidden is-hidden"></ul>
</nav>
我该如何解决这个问题? 。任何帮助或提示都会很棒。