رد اتصال Droppables Scriptaculous onDrop، كيفية الإشارة إلى كل عنصر؟
-
02-07-2019 - |
سؤال
يمكن العثور على الوثائق هنا
يقول في المثال:
أوندروب:يتم استدعاؤه عندما يتم تحرير عنصر قابل للسحب عبر Droppable ويقبله Droppable.يحصل رد الاتصال على ثلاث معلمات:العنصر القابل للسحب، والعنصر القابل للإسقاط، والحدث.يمكنك استخراج معلومات إضافية حول الإفلات - كما لو تم الضغط على مفتاحي Ctrl أو Shift - من كائن الحدث.
ثم يعطي بعض التعليمات البرمجية
droppables.add ('Shopping_cart' ، {قبول:"المنتجات" ، Ondrop:الدالة (العنصر) {$ ('shoop_cart_text').}}) ؛
يستخدم الكلمة الغامضة "العنصر" في الكود. سؤالي هو، هل لدى أي شخص مثال جيد حول كيفية الإشارة إلى العنصر القابل للسحب والعنصر القابل للإفلات في وظيفة جافا سكريبت لرد الاتصال هذه؟
المحلول
بالانتقال إلى المثال الموجود أسفل الصفحة، يمكن لوظيفة رد الاتصال أن تأخذ أي عدد تريده من المعلمات:
onDrop: function() { $('droppable_demo').highlight(); }
في هذه الحالة، لم يستخدموا أيًا من معلمات رد الاتصال.ولتحقيق هذه الغاية، ومن المفترض للوصول إلى الثلاثة كما هو مذكور في الفقرة التي اقتبستها، يمكنك تحديد:
onDrop: function(dragged, dropped, event) { }
نصائح أخرى
أضفت هذا المثال إلى الوثائق ...
Droppables.add('shopping_cart', {
accept: 'products',
onDrop: function(dragged, dropped, event) {
alert('Dragged: ' + dragged.id);
alert('Dropped onto: ' + dropped.id);
alert('Held ctrl key: ' + event.ctrlKey);
}
});