在单个帖子中遇到菜单滑块问题 - Jquery答案

【问题标题】：Having trouble with menu slider in single posts - Jquery在单个帖子中遇到菜单滑块问题 - Jquery
【发布时间】：2013-03-04 01:19:03
【问题描述】：

我正在使用在活动父页面上保持突出显示的菜单滑块。但是，我创建了一个“新闻”模板页面，因此当访问者单击单个帖子时，该页面没有 JQuery 需要为活动项目调用的类“curren_page_item”。我试着想出一个快速解决这个问题：

if ($('body').hasClass('.single')) {
        $('#menu-item-15').addClass('.current_page_item');
}

我希望body标签具有“single”类的任何页面为新闻页面（#menu-item-15）提供“current_page_item”类，这样滑块就可以工作。但那里没有运气。任何建议都会有所帮助。

【问题讨论】：

这不应该用 jQuery 来完成。这应该由您的模板管理。你在使用 CMS 吗？如果有，是哪个？
我正在使用 WordPress。我通过我的新闻模板查询我的帖子。
在 Wordpress 中，您可以制作帖子模板，以类似的方式您可以制作页面模板。见wordpress.org/extend/plugins/custom-post-template

标签： jquery wordpress menu slider

【解决方案1】：

您应该在模板文件中包含body_class($class) 函数。

然后你可以随意操作它..

例子：

add_filter('nav_menu_css_class', 'AddCurrentMenuItemClass',1,2);

function AddCurrentMenuItemClass($classes,$item)
{
$link = site_url().$_SERVER['REQUEST_URI'];
if(strpos($link, $item->url) !== false)
{
$classes[] = 'current-menu-item';
}
return $classes;
}

【讨论】：