0

私は自分のウェブサイトで以下のようなことをしようとしています:

$(".post-index:has(.wp-post-image)").css("background", "#000");

Js fiddle の例は完全に機能しています: http://jsfiddle.net/rami2929/4x4t9/

しかし、私のデモ Web サイトでは機能しません。

画像のある背景色のボックスを変更したいと思います。これをデモ サイトに実装するにはどうすればよいですか?

どんな提案でも大歓迎です。

ありがとうございました。

4

1 に答える 1

3

DOM Ready 関数の外にあるので、次のように変更します。

$(function(){  
     $(".articleBox").click(function(){
         window.location=$(this).find("a").attr("href");  
         return false;  
    });

<!-- div mouseover change h2 color -->
    $('.articleBox').mouseover(function(){
        var color = $(this).find("a, .text-h2").css("color");
        $(this).find("a, .text-h2").css("color", "rgba(255, 156, 0, 0.8)");
        $(this).mouseout(function(){
            $(this).find("a, .text-h2").css("color", "rgb(51, 51, 51)");
        });
    });

});  

<!-- non image div change background color -->
$(".post-index:has(.wp-post-image)").css("background", "#000");

に

$(function(){  
     $(".articleBox").click(function(){
         window.location=$(this).find("a").attr("href");  
         return false;  
    });

    <!-- div mouseover change h2 color -->
    $('.articleBox').mouseover(function(){
        var color = $(this).find("a, .text-h2").css("color");
        $(this).find("a, .text-h2").css("color", "rgba(255, 156, 0, 0.8)");
        $(this).mouseout(function(){
            $(this).find("a, .text-h2").css("color", "rgb(51, 51, 51)");
        });
    });

    <!-- non image div change background color -->
    $(".post-index:has(.wp-post-image)").css("background", "#000");
});
于 2013-06-12T19:22:46.203 に答える