0

我正在尝试在 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 文件内的脚本块中，它没有像应有的那样将属性添加到锚点。我已经没有想法了。

*我尝试将脚本块移动到许多地方，包括在结束正文标记之前的 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库进行正确的哈希导航。

4

2 回答 2

0

总是wp_head();在关闭之前有</head>一个 Wordpress 的要求。

也适用于页脚，wp_footer()就在关闭之前</body>

这是在您使用<script>标签内的 jquery 脚本的情况下。更好地使用：http ://codex.wordpress.org/Function_Reference/wp_enqueue_script

于 2013-03-28T18:26:43.530 回答
0

只需尝试使用：

jQuery(function($) {
        $('[href=#membership]').attr( 'data-menu-top', '500' );
    });
于 2013-03-28T18:27:17.763 回答