1

ページの一部に単純なホバー アンド クリック機能を追加しようとしていますが、機能しません。これを何百回も問題なく実行しましたが、今回は異なり、理由がわかりませんか?

HTML:

<div class="description">
    <div id="wrapper">
        <p>bla bla bla</p>
        <div class="linkDesc">
            <a href="#">bla bla bla</a>
        </div>
        <div class="plusSign">&nbsp;</div>
    </div>
</div>

jQuery:

jQuery(document).ready(function () {

    $('#wrapper').hover(function () {
        $('this').addClass('hover');
    }, function () {
        $('this').removeClass('hover');
    });
    $('#wrapper').click(function(e) {
        e.preventDefault();
        var urlLocation = $('this').find('.linkDesc').children('a').attr('href');
        window.location = urlLocation;
    });
});
4

3 に答える 3

7 
$('this')   // You have enclosed it as as a string
            // It will try to look for tagName called this

する必要があります

$(this)    // Removing the Quotes should work

法的なものだけが引用符TagNames , classNames , psuedo Selectors and Id'sで囲まれているはずです..

フィドルをチェック

于 2012-11-08T16:34:13.663 に答える
0

クラスの追加/削除のみが必要な場合は、css でホバーを設定できます。

#wrapper:hover {
    background: red;
}
于 2012-11-08T17:21:20.577 に答える
0

$('this')と置き換えます$(this)

于 2012-11-08T16:34:24.147 に答える