Google で答えが見つからないように見える興味深い問題があります。シンプルなテーブルを含むスクロール可能な div があります。「見出し」行 (「.sl-bucket」) があり、クリックすると、スクリプトはその下に関連する行を表示し、表示されている他の行を非表示にします。Chrome と IE では問題ありません。フレッシュ ロードの Firefox では、最初の要素をクリックすると、div がスクロールして一番上に戻ります。その後、他のすべてがうまく機能します。
これを修正する方法について何か考えはありますか?
これがjsFiddleの例です。
ここに私のjavscriptがあります:
$(window).on('click', '.sl-bucket', function() {
var bucket = $(this).attr('rel');
if ($('.sl-'+bucket).is(':visible') == false) {
$('.sl-unitRow:visible').hide();
$('.sl-'+bucket).show();
} else {
$('.sl-'+bucket).hide();
}
return false;
});