jquery - jqueryを使用してワードプレスで現在のページIDを取得する方法

Question

jquery だけを使用してワードプレスでページ ID を取得する方法。ページ ID を知る必要があるカスタム スクリプトを使用してページのスタイルを変更する予定です。

Answer 1

を使用しwp_localize_scriptます。

function my_custom_vars() {

global $wp_query;
    $vars = array(
        'postID' => $wp_query->post->ID,
    );

wp_localize_script( 'myvars', 'MyScriptVars', $vars );
}  

add_action ('wp_enqueue_scripts', 'my_custom_vars');

このように、スクリプトで vaiables を使用できます。

<script type="text/javascript">
    var MyPostID = MyScriptVars.postID;
</script>

Answer 2

jQuery だけで現在のページ ID を取得する場合は、次の手順で実行できます。

• 最初に非表示の入力または非表示の HTML タグを作成し、現在のページ ID を要素の ID とc_pageid値で追加します。get_the_ID();
• jQueryファイルでは、次のようなIDでこの値を取得できますvar pageId=$("#c_pageid").val();

これで問題が解決する場合があります。

Answer 3

$(document).ready(function() {
    if ($("body").hasClass("page-id-3202")) {   
        // code here
    }
});

Answer 4

var pageId="<?php echo get_the_ID(); ?>"

スクリプトで上記の行を使用します