添加JS到WordPress的CSS activemenu亮点

我想一个简单的亮点在WordPress添加到我的活跃菜单。要做到这一点，我有这个我已经找到了代码，可能是有用的一些作品（如果他们的工作。）我是一个完整的新秀，当涉及到JS，但我知道这么多，因为把这个代码片段里面我的functions.php添加JS到WordPress的CSS activemenu亮点

// Enqueue JavaScripts 
function theme_scripts() { 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js', array(), '20120802', '1'); 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/jquery.colorbox-min.js', array(), '20120802', '1'); 
    wp_enqueue_script('cartrawler', get_template_directory_uri() . '/js/activemenu.js', array(), '30120802', '1'); 
} 
add_action('wp_enqueue_scripts', 'theme_scripts');

我已经refered这个环节中帮助我的小脚本，使这成为可能： http://jsfiddle.net/K6F8m/

来源

2012-09-11 Rift

我知道我没有必要使用彩盒，但我想我可能需要它在路上:) – Rift

大多数主题和主题框架都是这样做的automagically：） –

你的第一wp_enqueue_script线是坏的。您使用的是完全合格的网址（https://ajax.googleapis.com...），但在您的主题网址前加上了。尝试更换第一wp_enqueue_script行：

wp_enqueue_script('cartrawler', 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js', array(), '20120802', '1');

如果不彻底解决您的问题，请详细说明你遇到的实际问题。这些脚本是否不在HTML中显示？他们在HTML中但不工作？

来源

2012-09-11 22:41:49 Mark

，如果您使用的功能wp_nav_menu你的菜单（）函数的WordPress自动添加类，允许你创建你正在寻找“活动菜单高亮”效果。

其中的几个类都是.current-menu-item，.current-menu-parent，.current-{object}-parent，.current-{type}-parent等

这里是official documentation。

来源

2012-09-11 22:44:29

如果我之前已经对沙箱主题顶部的工作菜单，我要保留菜单？我能否继续实施它，以及如何实施？下面是网站的外观现在。 http://www.lufter.dk/test/wordpress/?page_id=21 – Rift

你的意思是你想用你的沙盘主题（通过菜单）被纳入新的主题？如果是这样，你应该研究亲子关系。您可以将您的新主题作为沙盒主题的子项创建。这样你的菜单会自动加载（我假设在sandboxes functions.php文件中。） [link]（http://codex.wordpress.org/Child_Themes）这是回答您的问题吗？ –

好了，所以看多一点于DOM我注意到，WordPress的已经取得了未知的菜单项的类：

div#menu li.current_page_item a{ 
color:#000; 
} 
div#menu li.current_page_item a:hover{ 
color:#662D91; 
}

我现在的问题是，父母的所有孩子也成为突出黑色，当我进入父页面。 :(我不记得如何解决这个问题!!

来源

2012-09-14 15:17:04 Rift

添加JS到WordPress的CSS activemenu亮点

回答

相关问题