IE8 не может отображать динамически добавленное изображение

Question

У меня есть код jQuery, подобный этому, прекрасно работает в FF, но полностью не работает в IE8:

$('#tekst img').each(function(){
                    var scrValue = $(this).attr('src').substring(0,4);
                    var imgTyp = $(this).attr('class').substring(1);
                    if(scrValue == 'tbid')
                    {

                      var splitedString = $(this).attr('src').split(':');
                      var imageID = splitedString[1];
                      $(this).append("<img src='ShowImage.ashx?ID=" + imageID + "' alt= '' />"); 

                    }      
              });

В части 'IF' IE выходит после первого (srcValue == true) и даже не может отобразить это первое изображение.

У кого-нибудь есть идеи?

Answer 1

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

, если вы хотите добавить это изображение после изображения, которое вы только чтовыбрав, вы можете использовать функцию after () в jquery.

или если вы хотите добавить img в ваш контейнер изображений, вы можете сделать что-то вроде:

$("#tekst").append("<img src='ShowImage.ashx?ID=" + imageID + "' alt= '' />");

или

$(this).parent().append("<img src='ShowImage.ashx?ID=" + imageID + "' alt= '' />");

вместо:

$(this).append("<img src='ShowImage.ashx?ID=" + imageID + "' alt= '' />");  

Answer 2

Сначала попробуйте предупредить код элемента изображения, чтобы увидеть, правильно ли он, если это так, попробуйте сделать следующее:

$("<img/>").attr('src','ShowImage.ashx?ID=' + imageID).attr('alt','').appendTo(this);

Возможно, вы создадите элемент.добавление пробела в пределах границ атрибута элемента alt= '' к alt=''