TwentyEleven菜单中的jQuery HoverIntent插件

时间:2011-09-12 作者:Baudesign

TwentyEleven主题中的默认菜单非常好,纯CSS,但不幸的是,响应速度太快。如果它能以管理栏菜单响应的相同方式响应,那将是一件非常好的事情,即即时下拉,但在鼠标移出时会有一点延迟,以便在光标滑出菜单时让访问者返回菜单。

在默认的TwentyEleven菜单中实现HoverIntent jQuery插件最有效的方法是什么?

谢谢

拍打

1 个回复
SO网友:Baudesign

这是我的functions.php 文件:

/**
 * Hoverintent Plugin for the menu
 * @since Theme 1.0
 */
function theme_hover_menu() {
   wp_register_script(\'hoverintent_script\',
        get_template_directory_uri() . \'/js/hoverintent.js\',
       array(\'jquery\'),
       \'r6\' );
   wp_enqueue_script(\'hoverintent_script\');
}
add_action(\'wp_enqueue_scripts\', \'theme_hover_menu\');
这是第一步。。。下一个评论?解决方案?我会在找到答案后编辑这篇文章。

下面是我在<head>:

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $(".menu li").hoverIntent({ //lower or uppercase i?
            over: makeTall, 
            timeout: 900, 
            out: makeShort,
            interval: 600
        });
    });
</script>
。。。顺便说一下,我想把这个脚本移到js 将文件夹放入自己的文件中,然后将其排入呈现页面的底部(或者我应该这样做?)谢谢你的建议。

结束

相关推荐

在WordPress帖子中使用jQuery切换()来显示/隐藏推文按钮?

在WordPress帖子中使用jQuery toggle()函数显示/隐藏Twitter“Tweet”按钮的适当方式是什么?我遇到的问题是,当我把代码放在我的内容帖子中时。php、切换功能和tweet功能只适用于流中的第一篇(最近的)帖子。我该如何将其放入Wordpress循环中?现在,我将此代码包括在我的内容帖子中。php文件:<?php if (!is_singular()) { require(\'post_buttons.php\'); }?> 上述代码包括来自另一个文件的带