jquery - テキストを直接クリックすると、クリック可能な Jquery Div が「未定義」を返す

Question

助けてくれてありがとう。次のコードを使用して、li 全体を「クリック可能」にしています。問題は、リンク自体 (赤、青、緑の統計) 以外の実際のテキストをクリックすると、「未定義」が返されることです。ここでライブリンクを参照してください：http://174.122.31.60/.

$(".available-properties li").click(function(){
 window.location=$(this).find("a").attr("href");
 return false;

});

Answer 1

このコードを試してください：

$(".available-properties li").click(function(){
 window.location=$(this).parent().parent().find("a").attr("href");
 return false;
});

例

Answer 2

'a'を除外しないと、競合状態になります。

    $('.available-properties li').click(
        function(e) {
            if(!($(e.target).is('a'))) {
                window.location = $(this).children("a:first").attr("href");
            }
        }
    );

Answer 3

これを変更するだけです：

$(".available-properties li").click

これに：

$(".available-properties > li").click

このようにして、available-properties UL 要素の子 LI のみを選択します。

Answer 4

これは機能します。> を指定すると、クリック機能は親でのみ機能し、子 ul の li では機能しません。

$(".available-properties > li").click(function(){
    window.location=$(this).find("a").attr("href");
    return false;
});​