如何编辑剪辑＆＃39; JQuery中的CSS属性？

Question

我需要编辑此剪辑＆＃39; CSS属性：

#bulb_light {
   position: absolute;
   clip:rect(260px, 160px, 260px, 0px);
}

但通常不是，感谢Jquery的帮助，所以我尝试了这个：

// CSS编辑：

$("#bulb_light").css('clip', function () {
        return 'rect(' + newy + 'px, 160px, 260px, 0px);';
    });

位于点击事件中：

$('#Wsender').click(function () {
**//CSS editing** });

注意，＆＃39; newy ＆＃39;是我创建的变量，它应取代＆＃39;剪辑的第一个参数。属性：

rect(newypx, 160px, 260px, 0px);

意味着那样。

问题是我在使用JQuery添加此功能时代码无效，但我已经在StackOverflow上找到了它。什么可能是错的？

Here is the full source code for reference。

Answer 1

只是一个小问题，你不能在CSS值的末尾加上一个分号来实现这个目的：

$("#bulb_light").css('clip', function () {
    return 'rect(' + newy + 'px, 160px, 260px, 0px)' /* <-- Removed semicolon */;
});

此外，我不确定定义newy的位置，除非要为每个元素计算newy，否则您可能不需要函数回调：

$("#bulb_light").css('clip', 'rect(' + newy + 'px, 160px, 260px, 0px)');