イメージを追加した後にjqueryがCSSプロパティを変更しました。

Question

imはjqueryで作業しています。私はdiv要素にイメージを追加しました。それは素晴らしい作品です。js関数でCSSプロパティ（max-heigthやwidthなど）を変更したい。

が、何も動作...

は、誰もがアイデアを持っていない...私は（.. HTMLで厳しい前に追加withouth、）ページ上の画像の修正でそれを試してみましたが、それは動作します？

私の関数は次のようになります。

function makeBigger() { 

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

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

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

感謝を！

編集：重要なこと：アペンド画像、火薬爆弾などではうまくいきませんでした。

EDIT2：追加機能（これの簡単バージョンの一種。）：

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

Answer 1

appendThis関数には、機能しない理由が2つあります。

1. この機能を実行して（新しい画像を追加するたびに）、その画像に同じIDを割り当てます。それは良くありません、IDはページ上で一意でなければなりません。同じIDを持つ複数の要素がある場合、jQueryはそれらを選択できません。代わりにclass属性を使用する必要があります。こうすることで、次のような画像を選択することができます：$('img.articlePicture')

2. 変数imgを宣言していないため、暗黙のグローバルになります。予期しない名前衝突につながる可能性があるので、これは避けるべきです。

私は下の両方の問題を修正：

function makeBigger() { 
    $("img.articlePicture").css('max-height', function(i,v) { 
     return parseInt(v, 10) + 25 + 'px'; 
    }); 
} 

Answer 2

あなたはそれだけで高さを変更したり、最小高さを設定大きめになりたい場合。最大高さがそれを大きくすることはありません、それはそれがその高さを超えて成長することを許可しません。