6

Twenty Eleven Child Theme を使用したワードプレス Web サイトがあります。私のサイドバーには、次の jQuery Vertical Mega Menu ウィジェットを埋め込みました。

http://wordpress.org/extend/plugins/jquery-vertical-mega-menu/

メニューは正常に動作します。唯一の問題は、Web サイトの読み込み時に短い FOUC (スタイル設定されていないコンテンツの点滅) が発生することです。

http://en.wikipedia.org/wiki/Flash_of_unstyled_content

点滅しないようにする方法がわかりません。解決策を含むいくつかの同様の質問を読みましたが、それを子テーマに適用する方法がわかりません。

を追加する必要があると言う人もいますjQuery(document).ready(function() {。しかし、どこに？子テーマの functions.php に追加しようとしました:

<?php 
....
.....


function id_scripts() {
   jQuery(document).ready(function() { echo 'test'});
}
add_action('wp_enqueue_scripts', 'id_scripts');

>

しかし、次のような解析エラーが表示されます。

解析エラー: 構文エラー、予期しない T_FUNCTION、28 行目の /..../functions.php に ')' が必要です

4

2 に答える 2

0

CWSpear の回答のフォローアップとして、JS によってアクティブ化されるまで非表示にする必要がある他の要素にも適用できる、この目的のためにカスタム CSS クラスを作成することをお勧めします。私はこのクラスに名前を付けるのが好きです.js-hide— Twitter Bootstrap は を使用し.collapseます。

于 2013-12-11T00:38:53.977 に答える
0

まず、JavaScript を PHP に追加しているようです。そのため、エラーが発生します。

メニューの点滅の問題に関してはdisplay: none;、CSS でサブメニューを に設定する必要があります。プラグインを見ると、プラグイン (サブメニュー) が に設定されてdisplay: none;いますが、DOM が読み込まれるまで起動しません (ページの読み込みが開始されてから少し時間が経ちますが、「フラッシュ」を確認するのに十分です)。 CSS でに設定するとdisplay: none;、非表示で読み込まれ、ホバーすると開きます。

具体的には、リンクのプラグインを見て、CSS に以下を追加してみてください。

.dcjq-vertical-mega-menu .sub-container {
    display: none;
}
于 2013-03-27T07:07:35.047 に答える