javascript - 使用jQuery在点击事件上移动背景位置

Question

我试图在单击某个 div 时移动元素的背景位置，但我似乎无法让它工作。

从文档中我的 jquery 看起来不错？

$(this).children('ul li').css('background-position-x','100px');

这是一个 jsfiddle 演示... http://jsfiddle.net/shqcu/

Answer 1

使用find()代替children()：

$(this).find("ul li").css("background-position-x", "100px");

演示：http: //jsfiddle.net/shqcu/1/

Answer 2

您不能单独使用 jQuery 更改元素的背景位置。你需要这个插件http://keith-wood.name/backgroundPos.html

Answer 3

$(this).css('background-image','url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQBFaoYPOnLv_EI4sGOisRrHUGhlHjJp7iY2A4RT1PKXAAPxx3f)');