Событие остановки перетаскивания во время клика по ссылке

Question

У меня есть событие перетаскивания через прикрепленный файл div.image.

, когда я мыши вниз на DIV событие перетаскивания start.for это я включить nestable.js plugin.i хотите, чтобы остановить перетащить событие DIV при нажатии на ссылки в DIV .Я с помощью JS и HTML-файл из ссылки : Nestable

Пожалуйста, дайте решение, как я могу это сделать.

Answer 1

Вы должны предотвратить распространение события щелчка от элемента ссылки

Ex:

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

Answer 2

автора имеет проблемы с вложенным плагиным. есть некоторые лучший способ решить проблему связи щелчком мыши, который помещается в контейнер вложенности:

$(".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 - по умолчанию вкладываемый класса контейнера, изменить его, если вам нужно

Answer 3

Игнорирование обработки по щелчку, добавьте класс «dd-nodrag» в элемент.

Answer 4

Вы можете отключить это, используя пользовательский класс CSS.

.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; 
} 

Используйте созданный класс CSS для элемента, где вы хотите отключить.

Рабочий примерJSFiddle

<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; 
}