, когда div загружен изображением, используя jquery, другой div внутри него исчезает. Почему это происходит?

Question

Привет, я загрузил div с изображением с помощью jquery. Другие div внутри него исчезают. вот CSS

.d1 
    { 
    position:fixed; 
    z-index:999999; 
    } 
.d2 
    { 
    position:absolute; 
    background:green; 
    } 

это линия я использовал, чтобы загрузить изображение в d1

jQuery(".d1").html(jQuery("<img>").attr("src",eee)); 

с CSS

<div class="d1"> 
<div class="d2"> 
Text 
<script type="text/javascript"> 
jQuery(function ($){ 
jQuery("img").click(function($) { 
var eee = jQuery(this).attr('src'); 
jQuery(".d1").html(jQuery("<img>").attr("src",eee)); 
}); 
}); 
</script> 
</div> 
</div> 

, когда я запускаю это я не могу в состоянии найти текст от d2 , но когда я запускаю это без скрипта, значит, tex t видно от d2. Я не знаю, является ли это проблемой или ошибкой jquery. d2 исчезает, когда я нажимаю любое изображение, но оно не должно исчезать до моей точки. Перед тем, как нажать любое изображение. d2 есть ли я вижу это различие, используя firebug. Кто-нибудь знает, в чем проблема?

Answer 1

Это происходит потому, что вы находитесь содержание .d1 с использованием метода .html(). поэтому все, что было там раньше, получает заменено.

Answer 2

Изменить эту строку:

jQuery(".d1").html(jQuery("<img>").attr("src",eee));

с этой линии:

jQuery(".d1").append(jQuery("<img>").attr("src",eee));

Примечание append, используя html вы заменяете содержание html из .d1.

Answer 3

С .html(), Вы заменяете действующий HTML-код на img.

Используйте .append(), чтобы добавить изображение после div

ИЛИ

Используйте .prepend(), чтобы добавить изображение beforethe div

Answer 4

<div class="d1"> 
    <div class="d2">Text</div> 
</div> 

<script type="text/javascript"> 
    jQuery(function ($){ 
     jQuery("img").click(function($) { 
      var eee = jQuery(this).attr('src'); 
      jQuery(".d1").append(jQuery("<img>").attr("src",eee)); 
     }); 
    }); 
</script> 

Удалить скрипт внутри DIV , это хорошая практика.

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.