SO - 18363295

by Arun P Johny

HTML

<ul>
    <li id="1">Item #1 <a href="" class="delete">[DEL]</a></li>
    <li id="2">Item #2 <a href="" class="delete">[DEL]</a></li>
    <li id="3">Item #3 <a href="" class="delete">[DEL]</a></li>
    <li id="4">Item #4 <a href="" class="delete">[DEL]</a></li>    
</ul>

JavaScript

$("ul").sortable();

$(document).on("click", "li", function() {
    console.log("list-item clicked.");
});

$(document).on("click", "a.delete", function(e) {
    if (confirm("Del?")) {
        console.log("list-item a clicked.");
    }
    // do nothing
    
    return false; //prevent default and stop propagation
});