Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   поместить блок внутрь рядом с другими (https://javascript.ru/forum/misc/76372-pomestit-blok-vnutr-ryadom-s-drugimi.html)

Sergey1986 05.01.2019 19:35

поместить блок внутрь рядом с другими
 
Добрый день!
есть
<div id="menu">
<p>Привет</p>
</div>

$('body').on('click','#menu', function(event){

let html = 'ля ля';

$('<div/>', {

            }).css({
                    left: '20px', 
                    top: '20px' 
                })
                .appendTo($(event.target)) 
                .append(
                        html
                )

});

вот этот код внутрь p помещает div

вставить блок ряодм возле <p>Привет</p>

рони 05.01.2019 19:39

Sergey1986,
что хотите сделать, код html?

Sergey1986 05.01.2019 19:43

да
типа всплаывающие менюшку

Sergey1986 05.01.2019 19:45

.appendChild(
html
)

Sergey1986 05.01.2019 19:45

ругаеться

laimas 05.01.2019 19:58

$('<div/>', {
        left: '20px',
        top: '20px',
        html: html
    }).appendTo(this);

Sergey1986 05.01.2019 20:02

Спасибо!!!

laimas 05.01.2019 20:09

Sergey1986,
не правильно, я тоже просто скопировал, а нужно

$('<div/>', {
        style: 'left:20px;top:20px',
        html: html
    }).appendTo(this);


Либо

$('<div/>', {
        html: html
    }).appendTo(this).css({параметры}).и т.д.;


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

рони 05.01.2019 20:23

Цитата:

Сообщение от laimas
Либо

$('<div/>', {css : {
        left: '20px',
        top: '20px'},
        html: html
    }).appendTo(this);

laimas 05.01.2019 20:35

рони, а смысл? Тут ведь тоже "ля ля пример", а что на самом деле хотят не известно, может все таки css({left: function() {}, ... нужен будет? А позицию по умолчанию лучше в css.


Часовой пояс GMT +3, время: 04:57.