JQuery изменение свойства css после добавления изображения

Question

im работает с jquery. Я добавил изображение в свой div-элемент. он отлично работает. Я хочу изменить свойство css (например, max-heigth или width и т. Д.) С помощью js-функции.

но ничего работает ... я попробовал с исправлением изображений на странице (withouth добавления прежде, строг в HTML ..) и это работает ...

делает кто-нибудь имеет идею ??

моя функция выглядит следующим образом:

function makeBigger() { 

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

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

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

спасибо!

Редактировать: Важно сказать: он не работает только с изображением приложения, firebug и т. Д. Все пробовал - работает!

edit2: добавление-функция (вид легкой версии этого ..):

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

Answer 1

В вашей функции appendThis есть две вещи, которые могут послужить причиной ее неработоспособности.

1. Каждый раз, когда вы запускаете эту функцию (и добавляете новое изображение), вы назначаете тот же идентификатор этому изображению. Это нехорошо, идентификаторы должны быть уникальными на странице. Если у вас несколько элементов с одинаковым идентификатором, jQuery не сможет их выбрать. Вместо этого вы должны использовать атрибут class. Таким образом, вы можете выбрать такие изображения: $('img.articlePicture')

2. Вы не объявили переменную img, что делает ее неявной глобальной. Этого следует избегать, поскольку это может привести к неожиданным столкновениям имен.

Я установил оба вопроса ниже:

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

---

Кроме того, здесь оптимизированная версия вашей функции makeBigger:

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

Answer 2

, если вы хотите, чтобы это было больше, просто изменить высоту или установить мин-высоту. max-height не сделает его больше, он просто не позволит ему расти за эту высоту.