www.quickerbook.imobisoft.euで jQuery タブ コントロールを使用しています。右上隅の「マイアカウント」の下に、タブがしばらく表示され、ページが完全に読み込まれるまで非表示になります。問題を修正するために非常に多くの投稿/フォーラムを試しましたが、jQuery の初心者レベルのため、問題を修正できません。
タブを非表示にする方法を教えてください。ユーザーが「マイアカウント」タブをクリックすると表示されるはずです。
www.quickerbook.imobisoft.euで jQuery タブ コントロールを使用しています。右上隅の「マイアカウント」の下に、タブがしばらく表示され、ページが完全に読み込まれるまで非表示になります。問題を修正するために非常に多くの投稿/フォーラムを試しましたが、jQuery の初心者レベルのため、問題を修正できません。
タブを非表示にする方法を教えてください。ユーザーが「マイアカウント」タブをクリックすると表示されるはずです。
「スタイル設定されていないコンテンツのフラッシュ」は、JavaScript がページで JavaScript を実行する前にページが表示されるためです。
私は、クラス名をルートの html 要素に追加し、有効になっている js に基づいて css を使用して要素を非表示にする、modernizr アプローチを採用するのが好きです。
だから、あなたの<head>
<script>document.getElementsByTagName("html")[0].className = 'js'</script>
次に、このスタイルを追加してタブを非表示にします。
.js #hidden1{display:none}
ページ上のソースLine: 63
(chrome ブラウザー)。.hide()
を使用してページの読み込み後にタブを非表示にしています
$('#hidden1,#hidden2,#hidden3').hide().click(function(e) {
e.stopPropagation(); ^^^^
});
に変更します。
$('#hidden1,#hidden2,#hidden3').click(function(e) {
e.stopPropagation();
});