Как я могу переместить добавленный div? - PullRequest
Новая
       18

Как я могу переместить добавленный div?

0 голосов
/ 27 марта 2019

У меня есть этот код: 

<div id="plan">
    <div id="" class="move circle pe">1</div>
</div>

$('.move').draggable({
      containment: '#plan',
      stop: function(e, ui) {
        var offset = $(this).offset(),
          x = offset.left,
          y = offset.top;
        //callback will be here
        alert("posição x: " + x + " posição y:" + y);
      }
    });

Я могу перемещать div с номером 1 вокруг, но когда я генерирую новый div 

function createStation(station){
        number = window.prompt("Escolha o numero para o posto");
        id = station+number;
        $("#plan").append("<div id='"+id+"' class='move circle pe'>"+number+"</div>");
    }

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

Пожалуйста, проверьте jsfiddle:

https://jsfiddle.net/mornaistar/q180z7Ls/11/

1 Ответ

2 голосов
/ 27 марта 2019

Я бы сделал дополнительную функцию для привязки draggable(), для каждого нового элемента, который вы перепривязать класс move к draggable() например;

добавлена ​​функция dragger()

function dragger() {
    $('.move').draggable({
        containment: '#plan',
        stop: function(e, ui) {
            var offset = $(this).offset(),
                x = offset.left,
                y = offset.top;
            //callback para salvar em php
            alert("posição x: " + x + " posição y:" + y);
        }
    });
}

Пример скрипки: https://jsfiddle.net/2f4c36v7/

...