Mootools: problema drag and drop

Am pus această întrebare pe forumurile de pe site-ul Mootools și o persoană a spus că selecția mea de clasă a fost coruptă înainte ca un administrator să vină și mi-a schimbat statusul postului la invalid. Inutil să spun că acest lucru nu a ajutat mult. Am postat apoi la un grup Google pentru mootools fără răspuns. Întrebarea mea este motivul pentru care evenimentele "intră", "pleacă" și "picătură" nu se declanșează pentru elementele ".drop" ale mele? Evenimentele pentru elementele .drag sunt de lucru.

<title>Untitled Page</title>
<script type="text/javascript" src="/SDI/includes/mootools-1.2.js"></script>
<script type="text/javascript" src="/SDI/includes/mootools-1.2-more.js"></script>
<script type="text/javascript" charset="utf-8">
    window.addEvent('domready', function() {
        var fx = [];
        $$('#draggables div').each(function(drag){
            new Drag.Move(drag, {
                droppables: $$('#droppables div'),
                onDrop: function(element, droppable){
                    if(!droppable) {
                    }
                    else {
                        element.setStyle('background-color', '#1d1d20');
                    }
                    element.dispose();
                },
                onEnter: function(element, droppable){
                    element.setStyle('background-color', '#ffffff');
                },
                onLeave: function(element, droppable){
                    element.setStyle('background-color', '#000000');
                }
            });
        });

        $$('#droppables div').each(function(drop, index){
            drop.addEvents({
                'enter': function(el, obj){
                    drop.setStyle('background-color', '#78ba91');
                },
                'leave': function(el, obj){
                    drop.setStyle('background-color', '#1d1d20');
                },
                'drop': function(el, obj){
                    el.remove();
                }
            });
        });
    });
</script>

<form id="form1" runat="server">
<div>
    <div id="draggables">
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
    <div class="drag"></div>
</div>

<div id="droppables">
    <div class="drop"></div>
    <div class="drop"></div>
    <div class="drop"></div>
    <div class="drop"></div>
    <div class="drop"></div>
    <div class="drop"></div>
</div>

</div>
</form>
0
fr hi bn

2 răspunsuri

Se pare că există câteva probleme aici. În măsura în care pot spune, nu există nici un fel de "droppable" în mootools. Aceasta înseamnă că evenimentele dvs. precum "introduceți", "plecați" și "aruncați" nu vor funcționa. (Acestea sunt evenimentele din obiectul tragere)

Dacă schimbați aceste nume la evenimentele pe care le au elementele din Mootools (ca în cazul evenimentelor DOM), codul dvs. funcționează perfect. De exemplu, dacă schimbați "introduceți" și "plecați" la "mouseover" și "mouseout", evenimentele dvs. se declanșează fără probleme. (Opera 9.51 pe Windows Vista)

Aceasta pare a fi linia revelantă din documentația pentru aceasta, care statistici pentru a utiliza evenimentele DOM.

http://docs.mootools.net/Element/Element.Event#Element: addEvents

De asemenea, pe această pagină, este un link către evenimentele pe care le pot avea elementele obișnuite

http://www.w3schools.com/html/html_eventattributes.asp

Cu toate acestea, sfatul "TG în SD "te-a dat în forumurile de nabble este probabil cel mai bun. Dacă puteți, nu vă deranjați folosind aceste evenimente. Pune tot ce trebuie să faci în obiectul drajebil și salvează-ți toate astea.

0
adăugat

În conformitate cu Mootools Docs , " droppables " este una din opțiunile așteptate de clasa Drag.Move . De fapt, aceasta este o serie de elemente care interacționează cu elementul atunci când declanșează " drop " enter "și" leave "eveniment.

0
adăugat
JavaScript, România - Moldova
JavaScript, România - Moldova
328 participanți

Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @node_ro, @php_ro, @python_ro, @seo_ro, @RomaniaGroup, @ai_ro, @Grupuri_IT Offtop: @holywars_ro Joburi: @js_jobs_ro Sponsored with ❤️ by ciupacabra.com