ورود

View Full Version : ایجاد یک کپی از دراگ



shahab_ksh
پنج شنبه 13 بهمن 1390, 01:03 صبح
با سلام ف

فرض کنید دو درگ داریم با کلاس های sortable-item
و یک دراپ با آی دی sortable-list همانند کدهای زیر



<ul class='catalog'>
<li class='sortable-item' id='1' >item 1</li>
<li class='sortable-item' id='2' >item 2</li>
</ul>

<ul class="sortable-list">
</ul>


و حالا کد برای drag



$(".sortable-item").draggable({
helper: 'clone',
});


و کد برای دارپ


$(".sortable-list").droppable({
drop: function (event, ui) {

}
})


بسیار خود در بخش دراپ چه کدی بزارم که وقتی یک دراگ رو به دراپ می کشم بتونه یه کپی از درگ رو با آی دی اون و تکست اون برام در دراپ ایجاد کنه؟
مثل یک سبد خرید

zootos
پنج شنبه 13 بهمن 1390, 11:58 صبح
ببینید این فیلم آموزشی کمکتون می کنه

درگ دراپ کردن یه پنل با جی کوری (http://unicomp.ir/post/1753/%d8%af%d8%a7%d9%86%d9%84%d9%88%d8%af-%d9%85%d8%b3%d8%aa%d9%82%db%8c%d9%85-%d9%81%db%8c%d9%84%d9%85-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%af%d8%b1%da%af-%d8%af%d8%b1%d8%a7%d9%be-%da%a9%d8%b1%d8%af%d9%86-%db%8c%d9%87-%d9%be%d9%86%d9%84-%d8%a8%d8%a7-%d8%ac%db%8c-%da%a9%d9%88%d8%b1%db%8c)

shahab_ksh
پنج شنبه 13 بهمن 1390, 13:46 عصر
دانلود نشد فایل وجود نداره التبه شاید الان اینطوری

ولی دوست داشتم کسی این مسلئه رو اینجا حل کنه

e107365
پنج شنبه 13 بهمن 1390, 15:05 عصر
اون ویدئو به خوبی جواب داده.
در هنگام شروع دراگ باید محتویات المان دراگ شده رو تو یه متغییر بریزی.
و هنگام رها کردنش اون متغییر رو به محتویات لیستس اضافه کنی.