Sürükleme etkinliğini durdurmak için tıklayın

Question

Linke bir div.image eklenti ekledim.

aşağı div i fare i nestable.js plugin.i dahil bu start.for sürükleme olayı .ı bağlantısından js ve html dosyası kullanıyorum div linklere tıklama esnasında div sürükleme olayı durdurmak istiyor : Nestable

Lütfen çözümü verin, nasıl yapabilirim.

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

Answer 1

Sen bağlantı elemanı

Ör tıklama olayın yayılmasını önlemek gerekir. yuvalanabilir kaba yerleştirilmesini bağlantı tıklama sorununu çözmek için bazı iyi bir yol yoktur:

$(".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 - tıklama üzerinde taşıma göz ardı etmek

Answer 2

yazar yuvalanabilir eklenti ile sorunu olan:

Answer 3

gerekiyorsa değiştirin, varsayılan iç içe geçebilen konteyner sınıfı, öğeye "dd-nodrag" sınıfı ekleyin.

Answer 4

Özel CSS sınıfı kullanarak bu özelliği devre dışı bırakabilirsiniz.

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

Oluşturmak istediğiniz öğede oluşturulan CSS sınıfını kullanın.

sürükleme kütüphanesi kullanılır, örneğinJSFiddle

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