如何通过jQuery切换列表样式图像?

我首先尝试更改列表样式的图像,但这不起作用。有人知道我在做什么错吗?

[..]
$(this).closest('li').css("list-style-image","url('../Images/arrowDown.png')");


我也尝试了以下方法,但没有达到预期的结果

$(this).closest('li').css("list-style-image","url(arrowDown.png)");




$(this).closest('li').css({"list-style-image":"url(arrowDown.png)"});

最佳答案

list-style-image是在ul上设置的,因此,如果您要在悬停窗口上更改项目符号图像,它将无法正常工作...每次悬停都会触发所有项目符号的切换。

如果要更改每个li悬停时的项目符号,则需要将其添加为background-image。所以像这样

$('li').hover(
    function(){
     $(this).removeClass('up').addClass('down');
    },
    function(){
     $(this).removeClass('down').addClass('up');
    }
);


示例:http://jsfiddle.net/jasongennaro/SZzRm/

10-05 20:38
查看更多