-2

ボタンを印刷するためのドラッグ アンド ドロップ プロジェクトがあります。1 つはページをそのまま (ユーザーが何かをドラッグまたはドロップする前に) 印刷し、もう 1 つは読み込み時に JavaScript を使用して無効にしました。すべてのドラッグ可能オブジェクトがドロップされた後、2 番目のボタンを有効にするにはどうすればよいですか?

$(document).ready(function() {
    $(".ui-widget-content").draggable({ revert: 'invalid', cursor: 'move', snapTolerance: '0px' }), 
    $("#dropcrown").droppable({ accept: '#crown'});
    $( "#dropneck" ).droppable({ accept: '#neck' });
    $( "#dropback" ).droppable({ accept: '#back' });
    $( "#droptail" ).droppable({ accept: '#tail' });
    $( "#dropwing" ).droppable({ accept: '#wing' });
    $( "#dropeye" ).droppable({ accept: '#eye' });
    $( "#dropbeak" ).droppable({ accept: '#beak' });
    $( "#dropcheek" ).droppable({ accept: '#cheek' });  
    $( "#dropbreast" ).droppable({ accept: '#breast' });
    $( "#dropbelly" ).droppable({ accept: '#belly' });
    $( "#dropfoot" ).droppable({ accept: '#foot' });
     $('#button2', this).attr('disabled', 'disabled');
     $('#button2', this).addClass( "ui-state-disabled" );
                });


            $(document).ready(function() {
        $( "#dropcrown, #dropneck ,#dropback, #droptail, #dropwing, #dropeye, #dropbeak, #dropcheek, #dropbreast, #dropbelly, #dropfoot" ).droppable({tolerance:'touch',
            drop: function( event, ui ) {
                $( this )
                    .addClass( "ui-state-highlight" );
                        var dropped = ui.draggable;
            var droppedOn = $(this);
            $(dropped).detach().css({top: 15,left: 7}).appendTo(droppedOn);
            $('#button', this).attr('disabled', 'disabled');
            $('#button', this).addClass( "ui-state-disabled" );

            }
        });
    });
    $(document).ready(function() {
        if($('#labels').html() == ""){
            $('#button2', this).removeAttr('disabled', 'disabled');
            $('#button2', this).removeClass( "ui-state-disabled" );
  //do something
}
    });
4

1 に答える 1

0

jQueryUIDroppableにはdropイベントがあります。ドロップ可能なものに引っ掛けて、イベントを確認したら、それらを取り出しているコンテナを調べます。空ですか？トリガーするコードをトリガーします（たとえば、ボタンを有効にします）。

于 2012-04-14T16:00:47.360 に答える