Question

我遇到了在我的代码中调整大小的问题，其余的方法都运行良好。我尝试编辑union all和draggable方法，但没有任何效果。

JavaScript

resizable

HTML

$(document).ready(function(){       
    VerileriTekrarOlustur('<div ondrop="drop(event)" ondragover="allowDrop(event)" class="divKolon ui-resizable ui-draggable ui-draggable-handle" style="margin-left: 0px; position: relative; width: 245px; right: auto; height: 127px; bottom: auto; left: -5px; top: 28px;"><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div><div class="divIcKolonGrup ui-draggable ui-draggable-handle" style="position: relative;"><div style="float:left;">Adress</div><div class="divIcKolon ui-resizable" style="height: 10000px;"><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div></div></div><div class="divIcKolonGrup ui-draggable ui-draggable-handle" style="position: relative; width: 225px; right: auto; height: 0px; bottom: auto; left: -76px; top: 53px;"><div style="float:left;">Numara</div><div class="divIcKolon ui-resizable" style="width: 119px; height: 10000px;"><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div></div></div></div>');                
});

function VerileriTekrarOlustur(Data)
{       
    var GeciciDiv=document.getElementById("Kolonlar");
     $(GeciciDiv).append(Data);
    var GeciciDivChildren=GeciciDiv.children;
    console.log(GeciciDivChildren);

    for(var i =0;i<GeciciDivChildren.length;i++)
    {
        var divGeciciKolonChildren=GeciciDivChildren[i].children;

        for(var x=3;x<divGeciciKolonChildren.length;x++)
        {
            var divGeciciKolonChildrenChildren=divGeciciKolonChildren[x].children;
            //var KolonChildrenChildren=document.createElement("div");
            //$(KolonChildrenChildren).draggable();
            $(divGeciciKolonChildren[x]).draggable();
            $(divGeciciKolonChildrenChildren[1]).resizable();
            for(var j=0;j<divGeciciKolonChildrenChildren.length;j++)
            {
                //KolonChildrenChildren.appendChild(divGeciciKolonChildrenChildren[j]);

            }
            //console.log(KolonChildrenChildren);
        }
        $(GeciciDivChildren[i]).draggable();
        $(GeciciDivChildren[i]).resizable();
    }                                       
}

CSS

<div class="col-xs-12" id="Kolonlar" style="margin-top :10px"> </div>

JQuery调整大小不起作用

0 个答案: