używam domyślnego przeciągnij i upuść wewnątrz aplikacji szkieletowej słucham zdarzenie moim zdaniem tak:Backbone proste użycie przeciągnij i upuść
"drop img.big-objet": "dragDropEvent",
"dragenter img.objet": "dragEnterLeaveEvent",
"dragleave img.big-objet": "dragEnterLeaveEvent",
"mousedown img.big-objet": "dragStartEvent",
"mouseup img.big-objet": "dragStopEvent",
"dragend img.big-objet": "dragStopEvent",
ze skojarzoną metodą
dragEnterLeaveEvent: function (event){
object = $(event.target);
object.addClass('hidden');
$('#'+object.attr('data-toggle')).removeClass('hidden');
},
dragStartEvent: function (event) {
object = $(event.target);
object.addClass('objet-drag').removeClass('objet-hover');
},
dragStopEvent: function (event) {
object = $(event.target);
object.addClass('objet-hover').removeClass('objet-drag');
},
objectHover: function(event){
object = $(event.target);
object.addClass('hidden');
$('#'+object.attr('data-toggle')).removeClass('hidden');
},
dragDropEvent: function(event){
alert('banana');
}
i związany html
<img class="objet" id="small-objet01-level01" data-toggle="big-objet01-level01" src="img/content/small-objet01-level01.png" alt="" />
<img class="objet" id="small-objet02-level01" data-toggle="big-objet02-level01" src="img/content/small-objet02-level01.png" alt="" />
<img class="objet" id="small-objet03-level01" data-toggle="big-objet03-level01" src="img/content/small-objet03-level01.png" alt="" />
<img class="big-objet objet-hover hidden" id="big-objet01-level01" draggable="true" data-toggle="small-objet01-level01" src="img/content/big-objet01-level01.png" alt="" />
<img class="big-objet objet-hover hidden" id="big-objet02-level01" draggable="true" data-toggle="small-objet02-level01" src="img/content/big-objet02-level01.png" alt="" />
<img class="big-objet objet-hover hidden" id="big-objet03-level01" draggable="true" data-toggle="small-objet03-level01" src="img/content/big-objet03-level01.png" alt="" />
Wszystkie moje zdarzenia działają poprawnie, ale nie powodują upuszczenia. Moje pytanie brzmi: jak to działa?
Co można zyskać poprzez zintegrowanie tego z Backbone vs ustawiania wywołania zwrotne w obiekcie inicjalizacji? W moich aplikacjach Backbone mam tendencję do ustawiania takich rzeczy jak drag-drop w metodzie inicjowania lub renderowania i nie używam dla nich skrótu 'events'. Czy lepiej jest integrować w celu zbierania śmieci lub czegoś innego? –
czy używałeś bibliotek JI biblioteki JQuery do przeciągania i upuszczania? –
Nie w tej chwili, ale myślę o – Awea