Interrompi evento di trascinamento durante il clic su un collegamento

Question

Ho un evento di trascinamento su un'immagine div.set.

quando il mouse verso il basso div l'evento di trascinamento start.for questo includo plugin.i nestable.js vuole fermare evento di trascinamento di div durante clic sui link di div .Sono utilizzando js e file html da collegamento : Nestable

Si prega di dare la soluzione, come posso farlo.

Answer 1

è necessario per prevenire la propagazione di evento click dall'elemento di collegamento

Es:

$('#div').on('click', 'a', function(){ 
    return false; 
}) 

Answer 2

autore non ha un problema con il plugin inseribile. c'è un modo migliore per risolvere il problema del collegamento click che viene inserito nel contenitore affiancabile:

$(".dd a").on("mousedown", function(event) { // mousedown prevent nestable click 
    event.preventDefault(); 
    return false; 
}); 

$(".dd a").on("click", function(event) { // click event 
    event.preventDefault(); 
    window.location = $(this).attr("href"); 
    return false; 
}); 

.dd - default classe contenitore affiancabile, cambiarlo se avete bisogno di

Answer 3

Per ignorare la manipolazione al clic, aggiungi la classe "dd-nodrag" all'elemento.

Answer 4

È possibile disattivare questo utilizzando la classe CSS personalizzata.

.disableDrag{ 
    display: block; 
    margin: 5px 0; 
    padding: 6px 10px 8px 40px; 
    font-size: 15px; 
    color: #333333; 
    text-decoration: none; 
    border: 1px solid #cfcfcf; 
    background: #fbfbfb; 
} 

Utilizzare la classe CSS creata sull'elemento in cui si desidera disabilitare.

esempioJSFiddle

<li class="dd-item"> <div class="disableDrag"><em class="badge pull-right"></em></div> </li> 

Answer 5

<div class="dd-handle"> 
ID - Title <a href="#" class="dd-nodrag link_min">Link</a> 

.link_min{ 
    position: absolute; 
    display: inline-block; 
    right: 0px; 
    margin-right: 8px; 
}