企業サイトでjqueryツールタブを使用して、5人の取締役を表示しています。
各ディレクターには、写真、タイトル、詳細などを含むスライドがあります。
ただし、ページの読み込み時に... 約 0.5 秒間、すべてのタブが表示されてから整理され、最初のスライドが表示されます。
とにかく、タブを即座に整理するか、少なくともすべての整理が完了するまで表示されないようにする必要があります。スクリプトを配置する方法と場所に問題があるのではないかと思います。
私は html5 ボイラープレートを使用しており、スクリプトはページの下部にあります。
これが私のコードです(modernizr.jsはヘッダーで呼び出されています):
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<script>
$(function() {
$(".slidetabs").tabs(".images > div", {
// enable "cross-fading" effect
effect: 'slide',
// start from the beginning after the last tab
rotate: true
// use the slideshow plugin. It accepts its own configuration
}).slideshow();
});
</script>
<!-- scripts concatenated and minified via build script -->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>