Question

我有一个子菜单，当父级'li'悬停并且运行正常时滑出。当这个行为发生时，我正试图让父母'li'的背景图像发生变化。

    $(function () {
    $('nav li ul').hide().removeClass('fallback');
    $('nav li').hover(function () {
        //$('this').css('background-image','"url(' + images/arrow.png + ')"');
        $('ul', this).stop().slideToggle(200);
    });
});

注释行是我失败的尝试，但希望能够了解我想要尝试的内容。

谢谢！

Answer 1

你的字符串连接错误

$(function () {
    $('nav li ul').hide().removeClass('fallback');
    $('nav li').hover(function () {
        $('this').css('background-image','url(images/arrow.png)');
        $('ul', this).stop().slideToggle(200);
    });
});

Answer 2

$(this).css('backgroundImage', 'url(images/arrow.png)')

Arun对于字符串连接是正确的，但您还需要从中删除单引号。

jQuery翻转 - 替换背景图像

2 个答案: