Изменение src iFrame - это удаление iFrame с помощью jQuery.

Question

Использование этого jQuery:

$('#mycarousel li img').click(function(){
    $('#video').empty();
    var newId = $(this).attr('id');
    newId = newId.replace('vid','');
    $('#video iframe').attr('src', $('.vidHolder' + newId).html());
});

и соответствующий HTML:

<ul id="mycarousel" class="jcarousel-skin-tango"><li><img src="pathtoimage" id="vid1" width="90" height="55" alt="" /></li>

<div id="video"><iframe src="pathtocurrentiframe" style="overflow:hidden"  id="fr"  width="425" height="480" frameborder="0" hspace="0" vspace="0" style="overflow:hidden;"></iframe><div id="dialog" title="" style="width: 0; height: 0;"></div></div>

<div class="vidHolder1" style="display: none;">newpathtoiframe</div>

Теперь по какой-то причине, когда я нажимаю IMG, он просто удаляет iFrame! Не меняя src так, как мне нужно ...

Answer 1

Я предполагаю, что ваша проблема - это первая строка вашей функции щелчка:

$('#video').empty();

Метод .empty () удаляет все дочерние элементы, что означает, что он удалит вашiframe.

Последняя строка в вашей функции ничего не делает, потому что ни один элемент не соответствует селектору (но вы не получите ошибку, потому что jQuery очень рад ничего не делать, если ни один элемент не соответствует селектору).*