javascript – 如何在JQuery中编辑’clip’CSS属性？

2023年12月26日 216次阅读

我需要编辑这个’clip’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** });

注意’newy’是我创建的变量,它应取代’clip’属性的第一个参数：

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

意思是那样的.

问题是当我使用JQuery添加此功能时代码无效,但我在StackOverflow上找到了它.可能有什么问题？

Here is the full source code for reference.

最佳答案 只是一个小问题,你不能在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)');
点赞