2013-02-27 7 views
5

Sto provando a catturare l'evento dragend in Javascript per un DIV trascinabile. L'evento di trascinamento non viene generato, perché? e come risolvere questo? PS, sto ussing metodo .draggable() da: jQuery UI 1.9.2Come catturare l'evento dragend in javascript?

Ecco il mio codice: http://jsfiddle.net/vBMav/

HTML:

<div id="divId"> ... </div> 

CSS:

#divId { 
    background-color: #000000; 
    color: #ffffff; 
    height: 200px; 
    width: 200px; 
} 

Javascript:

$('#divId').draggable(); 

$('#divId') 
    .bind('dragstart', function(){ $("#divId").text("drag start"); }) 
    .bind('drag',  function(){ $("#divId").text("dragging"); }) 
    .bind('dragend', function(){ $("#divId").text("drag ended"); }); 

risposta

11

Provare a utilizzare 'DragStop' invece di 'dragend'

.bind ('DragStop', function() {$ ("# divId") del testo ("drag finita");.});

+0

Funziona! Qual'è la differenza tra loro ? –

+2

Questo è l'uso corretto come scritto nella documentazione: http://api.jqueryui.com/draggable/ – Jacob

+1

Nella documentazione di jQuery, true, ma perché jQuery non usa l'evento 'dragend', che per quanto mi riguarda può dire è nello standard HTML5 mentre 'dragstop' non lo è? –

Problemi correlati