Wordpress サイトの header.php ファイル内で次のスクリプトを実行しようとしています。
<script>
jQuery(function($) {
jQuery('[href=#membership]').attr( 'data-menu-top', '500' );
});
</script>
私が実行すると:
jQuery('[href=#membership]').attr( 'data-menu-top', '500' );
... Firebug のコンソールでは正常に動作しますが、header.php ファイル内のスクリプト ブロックに配置すると、アンカーに属性が追加されません。アイデアが尽きた。
*スクリプト ブロックを body 終了タグの直前の footer.php を含む多くの場所に移動しようとしましたが、何も機能していないようです。
--更新-- わかりました。私が修正した別のプラグインの JQuery 構文エラーと不適切なターゲティングの組み合わせだったと思います。
これが私の最終的な作業コードです。
<script>
jQuery(function($) {
jQuery('#menu-item-14 a').attr( 'data-menu-top', '25' );
jQuery('#menu-item-11 a').attr( 'data-menu-top', '1300' );
jQuery('#menu-item-12 a').attr( 'data-menu-top', '500' );
jQuery('#menu-item-28 a').attr( 'data-menu-top', '500' );
jQuery('#menu-item-13 a').attr( 'data-menu-top', '500' );
});
</script>
私はまだスタイリングの観点から正しい属性を取得しようとしていますが、ソースに正しく表示されています。
ちなみに、これはWordpressのSkrollrライブラリを使って適切なハッシュナビゲーションを追求したものです。