javascript - ボタンがクリックされたときにドラッグ可能な機能を削除する

Question

このフィドル - http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/35/で、ボタン「ドラッグ可能の削除」がクリックされたときに、.myDivs でスタイル設定されたすべての div のドラッグ可能機能を削除しようとしています。

関数呼び出し $('.myDivs').draggable('disable'); はこれを達成していないようですか？

Answer 1

まず、clickハンドラーは$(document).ready()関数で構成されています。つまり、DOMが完全にロードされていなくても、ハンドラーをアタッチできます。次に、要素をドラッグ可能にしたのではdraggableなく、でドラッグできるようにしたsortableので、次を使用する必要があります$(elements).sortable('disable')。

$(document).ready(function() {
    var els = $('.connected');
    els.sortable({
        connectWith : ".connected",
        items       : ".myDivs:not(.excludeThisCss)"
    }).disableSelection();

    $("#button").click(get);

    function get() {
        els.sortable('disable'); 
    }
});

ここで更新されたJSFiddle：http: //jsfiddle.net/zyUkd/38/

Answer 2

$(function() {
    $( ".connected" ).sortable({
        connectWith : ".connected",        
        items       : ".myDivs:not(.excludeThisCss)"
    }).disableSelection();

   $("#button").click(function(){
   $( ".connected" ).sortable( "option", "disabled", true );
    });

});

Answer 3

問題はそれです

$("#button").click(get);

は適切な場所にありません。onload イベント ハンドラー内にある必要があります。したがって、コードは次のようになります。

$(function() {
    $( ".connected" ).sortable({
        connectWith : ".connected",
        items       : ".myDivs:not(.excludeThisCss)"
    }).disableSelection();

    $("#button").click(get);
});


 function get() {
    $('.myDivs').draggable('disable'); 
}