JQuery/Javascript Нажмите и удерживайте

Question

У меня есть серия ячеек, которые при нажатии на нее клонируются и присоединяются к отдельной таблице (одной строки). Когда в эту вторую таблицу нажимают ячейки, они возвращаются туда, где они находились в предыдущей таблице (или, скорее, они удаляются, а исходная ячейка fadesTo сплошная. Однако мне нужны ячейки в этой второй таблице (#answertable - .sortable(). перемещать их найти, но как только я отпускаю, оригинал на функции мыши запускается на выполнение и клетка исчезает

Answertable сортировкой код:.

$(function() { 
    $("#answertable tr").sortable(); 
    $("#answertable tr").disableSelection(); 
}); 

Соответствующие ячейки код (fadeOut() бит на самом деле) :

$(answertablecells).click(function(){ 
    var num = $(this).attr("id"); 
    for(var i=12; i < num.length; i++) { 
     var nums = num.substr(i, i++, i++); 
    }    
    $('#in_answerbox' + nums + "a").fadeTo('fast', 1).removeAttr('id'); 
    $(this).fadeOut('slow').removeAttr('id').remove(); 
}); 

Мне нужно все вышеперечисленное для запуска, когда вы нажимаете на него, но не тогда, когда вы сортируетесь. В основном я хочу, чтобы трюк отменил событие on click, но не сортируемое событие.

Любые предложения? Вся помощь ценится!

Answer 1

Вы можете рассчитать продолжительность мыши и вызвать функцию затухания, если длительность меньше некоторого значения (т.е. 250мс):

function myfunction(){ 
    var num = $(this).attr("id"); 
    for(var i=12; i < num.length; i++) { 
     var nums = num.substr(i, i++, i++); 
    }    
    $('#in_answerbox' + nums + "a").fadeTo('fast', 1).removeAttr('id'); 
    $(this).fadeOut('slow').removeAttr('id').remove(); 
} 

var longpress = false, startTime, endTime; 

$(answertablecells).on('click', function (e) { 
    if (!longpress) myfunction(); 
}); 

$(answertablecells).on('mousedown', function() { 
    startTime = new Date().getTime(); 
}); 

$(answertablecells).on('mouseup', function() { 
    endTime = new Date().getTime(); 
    longpress = (endTime - startTime < 250) ? false: true; 
}); 

jsfiddle