Question

我觉得自己像个白痴，但无论如何我都要问，因为我疯了。

我在页面上有一个图像元素，我需要根据用户选择动态更改填充。这样做的唯一方法是修改此图像上的样式标记，因为可能有多个页面。

为此，我抓取图像，然后向其添加.css()。

var currentImg = $(this.$el.find('.form_control').find('img'));
var imagePadding = props ? JSON.parse(props)['ImagePadding']: '';

然后

$(currentImg ).css("padding", imagePadding+'!important');

似乎很简单。但它没有将css应用于元素。

图像看起来像这样

[<img class="mCS_img_loaded" src="img/kiosk/placeholder.jpg" style="font-family: Helvetica; border: 1px solid rgb(0, 65, 120); color: rgb(255, 255, 255); font-size: 1.25em; background-color: rgb(0, 93, 171);">]

我的第一个想法是因为它返回一个数组（使用[]）并尝试使用[0]向下钻取但是只是抛出了类型错误。所以我不知所措。我没有任何其他填充样式回来。

Answer 1

你可以使用$（currentimage）.attr（＆＃39; style＆＃39;，＆＃39; padding：＆＃39; + vatiablename +＆＃39; px＆＃39;）;

Answer 2

您应该在s = " ".join(list_1) print(s)之前添加空格，并且您应该确保'!important'包含imagePadding或px：

也可以使用%代替attr()来使用css()。

编辑1：

!important

我希望有帮助：D

（谢谢@mhodges）

Jquery css样式未应用

2 个答案:

编辑1：