リンクをクリック中にドラッグイベントを停止する

Question

div.imageにドラッグイベントが添付されています。私はマウスダウンこのstart.forドラッグイベントのdivの私はnestable.js plugin.iは.IはリンクからJSとHTMLファイルを使用していますDIVのリンクをクリックして中にdiv要素のドラッグイベントを停止したい含ま

：Nestable

どうすればいいですか？

Answer 1

あなたはlink要素

例からクリックイベントの伝播を防ぐために必要があります。

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

Answer 2

著者はネスト可能なプラグインに問題があります。あなたはクリックで取り扱い無視するには

Answer 3

が必要な場合は、それを変更するデフォルトのネスト可能なコンテナクラス、 -

$(".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：ネスト可能な容器の中に配置されたリンクをクリックした問題を解決するためにいくつかのより良い方法があります要素に "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; 
}