1

次のコードを試しましたが、機能しません...別のプロジェクトで次のコードを使用して機能していますが、ワードプレスでコードを使用すると機能しません...

jQuery(function ($) {
    var pathname = location.href;

    if (pathname === "http://wwww.findx.se/?page_id=10") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
    }
    if (pathname === "http://www.findx.se/?page_id=9") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
    }
    if (pathname === "http://www.findx.se/?page_id=8") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
        $('#header').hide();
    }
});
4

4 に答える 4

1

通常、WordPress は body タグにクラスを追加し、ページごとに選択できるようにします。たとえば、CSS で実行できる最初のルールの場合

.page-id-10 .xoxo {
    display:none;
}

変更したいページの body タグをチェックして、使用できるクラスを確認してください。jQueryのセレクターで使用することもできます

于 2013-07-25T15:54:52.757 に答える
0

header.php ファイル (Wordpress) にある wp_head 関数 () の後に、独自の jQuery JavaScript ファイルを呼び出します。

于 2013-07-25T22:11:45.450 に答える
0

functions.php私はbodyタグにページスラッグ/名前を追加するために私の中で以下を使用します

function add_body_class( $classes )
{
    global $post;
    if ( isset( $post ) ) {
        $classes[] = $post->post_type . '-' . $post->post_name;
    }
    return $classes;
}
add_filter( 'body_class', 'add_body_class' );

その結果、次のようになります（かなりのURLを使用しています）

class="single single-post postid-1281 single-format-standard post-taste-javascript-php-part-2-php-5-4"

このcasでは、post-taste-javascript-php-part-2-php-5-4私のページのスラッグであり、postid-1281IDなので、使用できます

.post-taste-javascript-php-part-2-php-5-4 .xoxo {
    display:none;
}

または私は使用することができます

.postid-1281 .xoxo{
    display:none;
}

だから、私は疑います（しかし確かではありません）、それは可能性があります

.pageid-10 .xoxo {
    display:none;
}

または、コード スニペット (上記) を使用してfunctions.php変更することもできます。

$classes[] = $post->post_type . '-' . $post->post_name;

to (ページ ID を追加するため)

$classes[] = $post->post_type . '-id' . $post->ID;

その結果、タグに次のようなものが追加 page-id10され、body使用できます

.page-id10 .xoxo {
    display:none;
}

また、代わりに、使用することもできます

var pathname = location.href;
var id = pathname.split('=');
if(id[1] == 10 ){
    $('.xoxo').css('display', 'none');
}

ここで、指定された例の body タグを確認できます。

アップデート ：

jQuery(function ($) {
    // ...
});

jQueryする必要があります ( as 引数を渡します)

(function($) {
    // your code goes here and can use $
    $('.xoxo').css('display', 'none'); // '$' will work now
})( jQuery );

また、 をjQuery使用して がロードされていることを確認してalert(typeof jQuery);ください。ロードされていないことが表示される場合undefinedはjQuery、ロードしてください。詳細については、 wp_enqueue_scriptを確認してください。

于 2013-07-25T16:23:16.487 に答える