如何通过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/