javascript - keyup 后禁用 jQuery Draggable

Question

这是我的小提琴：http: //jsfiddle.net/2vtDj/1/

现在这些框是可拖动的，但我希望它们在文本输入到输入框中后是不可拖动的。

jQuery 我一直在搞砸：

    // tried 'disable', and just #sortable without li
    $("#sortable > li").draggable('destroy'); 

完整代码：

    $('input').keyup(function() {
filter(this);

});

function filter(element) {
var value = $(element).val();

$("#sortable > li").each(function () {
    if ($(this).text().toLowerCase().indexOf(value) > -1) {
        $(this).show();
        $(".number").show();
        $(".numberstwo").show();
         $("#sortable > li").draggable('destroy');     

        // $('#sortable').addClass("destory");


    } else {
        $(this).hide();
        $(".number").hide();
        $(".numberstwo").hide();
        $(".games").css( "padding-top", "40px"); 

    }
});
}

Answer 1

$("#sortable").sortable({
    revert: true,
    placeholder: "dashed-placeholder"  ,
    cancel: '.canceled' // <-----add this option
});

和

$("#sortable > li").each(function () {
    if ($(this).text().indexOf(value) > -1) {
        $(this).show();
        $(".number").fadeOut();
        $(".numberstwo").fadeOut();
        $(this).addClass('canceled'); // <---- add
    } else {
        $(this).hide();
        $(".number").show();
        $(".numberstwo").show();         
        $(this).removeClass('canceled');  // <---- add
    }
});