Safariのlocation.hrefと最適化の問題を解決するための追加のクラスを追加するWordpress

Question

こんにちは、この非常に単純なコードをURLに基​​づいてWordPressのテーマのトップナビゲーションに追加し、余分なクラスを追加しました。特にその効果は（Javascriptが遅いロードする要素）に装飾を加えることで a）の最適化/効率：

<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> 

これは二つの問題をもたらしています。 b）ipad/iosのSafariで、wordpressの基本的なナビゲーションと装飾に追加するクラス 'current-menu-item current_page_item active'を失っています。

あなたのおまじないしかし、私の質問は、どのようにコードを最適化して、サファリに追加クラスを持たせるのですか？どこが間違っていますか？より良いアプローチがありますか？

Answer 1

これはJavaScriptを必要としないように見えますが、これはCSSでのみ行うことができます。あなたは、必要があるaddClass -methodについては

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

：

WordPressはbody要素にクラスを追加しますので、あなたは、ある特定のページを探しているなら、そのページのIDを取得し、このCSSを使用します実際にJSではなくPHPでこれをやっています。