jQuery EasyUI ลดลง - ลากและวางพื้นฐาน
กวดวิชานี้จะแสดงให้คุณเห็นวิธีที่จะทำให้องค์ประกอบ HTML ลากไปมาได้ในกรณีนี้เราจะสร้างสามองค์ประกอบ DIV และช่วยให้พวกเขาลากและวาง
ครั้งแรกที่เราสร้างสาม <div>:
<div id = "DD1" class = "DD-สาธิต"> </ div> <div id = "DD2" class = "DD-สาธิต"> </ div> <div id = "DD3" class = "DD-สาธิต"> </ div>
สำหรับครั้งแรก <div> เราสามารถปล่อยให้ลากโดยค่าเริ่มต้น
$ ( '# DD1') ที่ลาก () .;
สำหรับ <div> ที่สองเราสร้างโคลน (โคลน) ขององค์ประกอบเดิมของตัวแทน (พร็อกซี) ได้รับอนุญาตให้ลาก
$ ( '# DD2'). ลาก ({
พร็อกซี่: 'โคลน'
});
เป็นครั้งที่สาม <div> เราจะสร้างพร็อกซีที่กำหนดเอง (พร็อกซี) ได้รับอนุญาตให้ลาก
$ ( '# DD3'). ลาก ({
พร็อกซี่: ฟังก์ชั่น (ต้นฉบับ) {
var p = $ ( '<div class = "ร็อกซี่"> พร็อกซี </ div>');
p.appendTo ( 'ร่างกาย');
กลับ p;
}
});