यह देखो jSFiddle.
मैं हैंडलर को आकार देने की कोशिश कर रहा हूँ $("oWrapper_"+num)। लेकिन यह "टी आकार" नहीं करता है। इसका कारण यह है $("#oWrapper_"+num), यह निष्पादित होने पर अभी तक डोम में नहीं जोड़ा गया है, इसलिए चयनकर्ता ने किसी भी तत्व को वापस नहीं किया।
मैं कैसे आकार दूं? $("oWrapper_"+num) आकार बदलने के बजाय cloudWrap?
num++
var cloudWrap = $("<div />", { id: "cloudWrap_"+num}),
outerWrap = $("<div />").appendTo(cloudWrap)
outerWrap.append(
$("<div />", { class: "tf", id: "oWrapper_"+num, style: "white-space:pre-line; font-size: 2vw;" }),
$("<div />", { class: "ui-resizable-handle ui-resizable-ne hndl" }),
$("<div />", { class: "ui-resizable-handle ui-resizable-se hndl" }),
$("<div />", { class: "ui-resizable-handle ui-resizable-sw hndl" }),
$("<div />", { class: "ui-resizable-handle ui-resizable-nw hndl" })
);
jQuery("#oWrapper_"+num).resizable({
handles: {
"ne": ".ui-resizable-ne",
"se": ".ui-resizable-se",
"sw": ".ui-resizable-sw",
"nw": ".ui-resizable-nw"
},
aspectRatio: 16 / 9,
});
उत्तर:
उत्तर № 1 के लिए 1कृपया इस पर एक नज़र डालें बेला और देखें कि क्या यह आपकी समस्या को हल करता है।
var num = 0;
num++;
var cloudWrap = $("<div />", { id: "cloudWrap_"+num}),
outerWrap = $("<div />").appendTo(cloudWrap);
outerWrap.append(
$("<div />", { class: "tf", id: "oWrapper_"+num, style: "white-space:pre-line; font-size: 2vw;" })
);
cloudWrap.appendTo("body");
$("#oWrapper_" + num).resizable({
handles: "ne, se, sw, nw",
aspectRatio: true,
});
आपकी कस्टम सीएसएस कक्षाएं jQuery- यूआई की कक्षाओं के साथ हस्तक्षेप कर रही थीं जो कि जब जोड़ी जाती हैं .resizable() कहा जाता है।
इसके अलावा, मैं चला गया .resizable() यह सुनिश्चित करने के लिए कि यह DOM से पहले तत्व DOM में मौजूद है, कोड ब्लॉक के अंत में कॉल करें।
यदि यह isn "t जिसे आप ढूंढ रहे थे, या यदि मैंने कुछ गलत समझा, तो कृपया मुझे बताएं और मैं आवश्यक परिवर्तन कर दूंगा। धन्यवाद!"