Добавление блоков div, с сохранением существующих

@griboyedov · Регистрация: 28.12.2013

Author24 — интернет-сервис помощи студентам

Добрый день, форумчане! Возникла проблема есть следующий css:

CSS

.Field {
    text-align: center;
}
 
.block {
    width: 100px;
    height: 100px;
    display: inline-block;
    background: #c0c0c0;
}

Если я напишу такой html:

HTML5

            <div class="Field">
                <div class="block"></div>
                <div class="block"></div>
             </div>

Всё работает, а если я оставлю только div с классом Field, а потом в различных местах буду писать такой код:

Javascript

1 2	str="<div class='block'></div>" $(".Field").html(str);

То блоки накладываются друг на друга. В чём может быть ошибка?

@Slash Mix · 10.04.2018, 07:35

Сообщение от griboyedov

В чём может быть ошибка?

Возможно, что в этом:

CSS

1	text-align: center;

У вас один блок на весь документ?:

HTML5

1	<div class="Field">

@griboyedov · 10.04.2018, 07:37 **[ТС]**

Если я явно прописываю html, то они располагаются последовательно (это мне и нужно), а если прописываю в разных местах данный js-код, то они друг на друга накладываются.

@Slash Mix · 10.04.2018, 07:42

Сообщение от griboyedov

а если прописываю в разных местах данный js-код

У вас не один раз написан код:

Javascript

1 2	var str = '<div class="block"></div>'; $('#Field').html(str);

???

А может они не накладываются друг на друга, а заменяются один на другой?

@griboyedov · 10.04.2018, 07:44 **[ТС]**

Да, несколько раз. Там в зависимости от условия, должен добавляться один блок, чтобы была цепочка.
"А может они не накладываются друг на друга, а заменяются один на другой?" - Возможно.

@Slash Mix · 10.04.2018, 07:47

Попробуйте:

Javascript

1	$(".Field").html(str);

заменить на:

Javascript

1	$('.Field').append(str);

Добавлено через 2 минуты

Сообщение от griboyedov

Да, несколько раз.

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

@griboyedov 0 / 0 / 0 Регистрация: 28.12.2013 Сообщений: 144
	10.04.2018, 07:37 [ТС]	3
	Если я явно прописываю html, то они располагаются последовательно (это мне и нужно), а если прописываю в разных местах данный js-код, то они друг на друга накладываются. 0

@griboyedov 0 / 0 / 0 Регистрация: 28.12.2013 Сообщений: 144
	10.04.2018, 07:44 [ТС]	5
	Да, несколько раз. Там в зависимости от условия, должен добавляться один блок, чтобы была цепочка. "А может они не накладываются друг на друга, а заменяются один на другой?" - Возможно. 0

	10.04.2018, 07:47