Jquery在附加图像后更改css属性

Jquery在附加图像后更改css属性,jquery,Jquery,我正在使用jquery。我在div元素中添加了一个图像。它工作得很好。 我想用js函数更改css属性,如最大高度或宽度等 但什么都不管用。。。我在页面上尝试了一个图像修复程序,之前没有附加任何内容,在html中非常严格。。这就行了 有人有主意吗 我的函数如下所示: function makeBigger() { var origHeight = $("#articlePicture").css("max-height"); var newHeight = parseInt(origHeig

我正在使用jquery。我在div元素中添加了一个图像。它工作得很好。 我想用js函数更改css属性,如最大高度或宽度等

但什么都不管用。。。我在页面上尝试了一个图像修复程序,之前没有附加任何内容,在html中非常严格。。这就行了

有人有主意吗

我的函数如下所示:

function makeBigger() {

 var origHeight = $("#articlePicture").css("max-height");
 var newHeight = parseInt(origHeight.replace("px", ""));

 newHeight+=25;
 newHeight+="px";

 $("#articlePicture").css("max-height", newHeight);
}
谢谢

编辑:重要的是要说:它不仅适用于appendet图片、firebug等。所有尝试过的东西都有效

edit2:附加函数是它的一个简单版本

function appendThis(artikelNumber, pictureToAppend) {
        img="<img src='"+pictureToAppend+"' alt='articlePicture' id='articlePicture' class='articlePicture' />";
        $('.article'+artikelNumber+'Text').append(img);
    }

如果您想让它更大,只需更改高度或设置最小高度。“最大高度”不会使它变大,它只是不允许它超过该高度。

您的附件中有两件事此函数可能是它不起作用的原因

每次运行此函数并附加新图像时,都会为该图像指定相同的ID。这不好,ID在页面上必须是唯一的。如果有多个ID相同的元素,jQuery将无法选择它们。您应该改用class属性。这样,您可以像这样选择图像:$'img.articlePicture'

您没有声明变量img,因此使其成为隐式全局变量。这应该避免,因为它可能导致意外的名称冲突

我修复了以下两个问题:

function appendThis(n, url) {
    var img = '<img src="' + url + '" class="articlePicture" alt="Picture">';
    $('.article' + n + 'Text').append(img);
}

如果只是静态设置一个值,例如$articlePicture.cssmax-height,100px,它是否有效;不,它甚至不能与$articlePicture.cssdisplay这样的东西一起工作,没有;我认为这是一个附加的问题…你们有并没有看一下div的高度和宽度?它是阻止你成长超过它的大小,还是可能是div的父母?不,它是有效的。。。我现在用萤火虫试过了…@emre还有,你是如何附加那个图像的?张贴代码。我知道最小/最大高度等的含义。。。这张照片确实更大了。。。不管怎么说,如果没有附加,它就可以工作….,为什么不应该使用附加?!这是主要问题!嗨,西蒙,我来试试。第一个问题是已知的,但在这一页上无论如何都不可能附加多张图片。因此,到目前为止,没有id问题!我不明白你的第二个理由。。但我会试试看?!谢谢:你的第二个原因:我想是我做的,但是我必须清理整个函数,所以我忘记了变量img的声明。但这是我的职责。。我敢肯定@如果我能在现场演示中工作,我可以解决你的问题。有可能吗?嗨,西蒙,好的,我今晚再写信。我希望你能帮助我:-嗨,西蒙!你在某种程度上是对的。。。我犯了一个愚蠢的错误。。。问题是:我有多个div,其中class=$”。article'+n+'Text'精确到2个div,一个是display:none,在这个函数的附件之后,我有2张图片。。。具有相同的ID…->因此你的答案是正确的=谢谢你的帮助!!非常愚蠢=
function makeBigger() {   
    $("img.articlePicture").css('max-height', function(i,v) {
        return parseInt(v, 10) + 25 + 'px';
    });
}