http://www.barelyfitz.com/projects/tabber/に示されている tabber スクリプトを使用して、タブ付きページを提供します。一般的にはうまく機能しますが、私の唯一の不満は、コンテンツが完全に読み込まれるまでタブが表示されず、画面が適切に書き込まれるときにジャンプすることです. (私が言いたいことの例については、www.littlehotels.co.uk/spain/noves.phpを参照してください。)
解決策は、このようなすべてのタブ付きコンテンツを含む div を非表示にすることだと思いました
<div class="tabber" id="tabber" style="display:none">
そして、によって呼び出される小さなjavascript関数でそれを明らかにします
<body onLoad="ShowTabber()">
JavaScript自体は
<script type="text/javascript">
function ShowTabber() {
document.getElementById('tabber').style.display = "block";
}
</script>
私の小さな関数は、外部の javascript (tabber.js) の動作を停止しているように見えます。これは、ページがすべてのタブのコンテンツを一列に表示し、タブ自体が上部にないためです。これは、ページの から外部スクリプトへの参照を削除した場合と同じ結果です。
私は何を間違っていますか?
詳細説明: tabber.js ファイルが見つからない場合、ページにはすべてのタブのコンテンツが順番に表示されます (ご想像のとおり)。上記で説明したようにスクリプトを実行すると、まったく同じ効果があります。したがって、スクリプトがメインの JavaScript の実行をブロックしていると結論付けています。