Question

您好我写了这段非常简单的代码，在基于Url的wordpress主题的顶部导航中添加了一些装饰，并添加了额外的类。

<script type="text/javascript">
        var ispost = false;

$(document).ready(function () {
    if(window.location.href.indexOf("Page") > -1 && ispost ) 
    {

$( "nav ul li:contains('Page')" ).css( "text-decoration", "underline" ).addClass('current-menu-item current_page_item  active');
    }
});
</script>

这导致了两个问题： a）优化/效率，特别是在对其影响的元素添加装饰时（Javascript加载缓慢）。 b）ipad / ios上的Safari丢失了课程＆＃39; current-menu-item current_page_item active＆＃39;应该添加到wordpress底层导航和装饰。

Noddy给你们的东西。但我的问题是如何优化代码并使safari具有添加的类？我哪里错了？有更好的方法吗？

Answer 1

在我看来，你不需要JavaScript，这可以在CSS中完成。

WordPress将类添加到body元素，因此如果您正在寻找一个特定页面，请获取该页面的ID并使用此CSS：

.page-1234 nav ul li:contains('Page') {
    text-decoration: underline;
}

至于addClass - 方法，你应该在PHP中实现这一点，而不是JS。

Wordpress为Safari location.href和优化问题添加了额外的导航类

1 个答案: