Draggable div не хочет двигаться - PullRequest
Новая
       8

Draggable div не хочет двигаться

0 голосов
/ 29 апреля 2018

Я создал метод, который генерирует мою таблицу, и внутри ячейки таблицы я добавил div. Я хочу переместить этот div через стол (в его ячейках), но мой div не хочет двигаться. Есть идеи?

Это мой код: 

<script type="text/javascript"> <%@ include file="/resources/js/dynamicTable.js" %></script>
                <button id="add_table" onclick="createDiv()">Add Table</button>

    <div class="static_form_room" id="static_form_room">
    <script type="text/javascript"> 
    <%@ include file="/resources/js/generateTable.js" %>
    </script>
<script type="text/javascript">tableCreate();</script>
</div>

dymanicTable.js 

function createDiv() {
    var div = document.createElement('div');
    var body = document.getElementById('room').rows[0].cells[0];//room is my table id
    body.innerHTML = '';

    var img = $('#res_table').css('background-image');
    var width = $('#res_table').css('width');
    var height = $('#res_table').css('height');
    var bg_repeat = $('#res_table').css('background-repeat');
    var bg_size = $('#res_table').css('background-size');
    div.className = 'ui-widget-content';
    div.id = 'dynamicTable';
    div.style.backgroundImage = img;
    div.style.width = width;
    div.style.height = height;
    div.style.backgroundRepeat = bg_repeat;
    div.style.backgroundSize = bg_size;
    div.cursor = 'move';
    body.appendChild(div);
}
$(function() {
    $( "#dynamicTable" ).draggable();
});
...