使用jQuery在click事件上移动背景位置

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");

DEMO： 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)');