0

私はjqueryのドラッグアンドドロップを使用しており、ドロップ後にdivにaddClassを追加しようとしています。クラスの追加は、ドロップ前では問題ありませんが、ドロップ後では機能しません。ドロップされた div にアクセスして addClass にアクセスするにはどうすればよいですか?

function play_vid(){
    $("#v1").show();
    v1.play();
    $("#element_1").addClass('highlighted');
}

後に来る:

function handleElementDrop( event, ui ) {

  var slotNumber = $(this).data( 'number' );
  var elementNumber = ui.draggable.data( 'number' );

  if ( slotNumber == elementNumber ) {



ui.draggable.css( 'cursor', 'pointer' );

setTimeout(function(){
ui.draggable.find('.element_left').click(function(e) {  
        window.open(ui.draggable.attr('data-link'));
    });
    });

ui.draggable.parent().find('.info').addClass('correct');      
    ui.draggable.addClass( 'correct' );
    ui.draggable.draggable( 'disable' );
    $(this).droppable( 'disable' );
    ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
    ui.draggable.draggable( 'option', 'revert', false );

    slots_filled.push(ui.draggable.data('number')) 

    if(slots_filled.length == slots){
play_vid();
  }
  } 
}

Fifddle http://jsfiddle.net/f3Kgj/を参照してください。

4

1 に答える 1

1

id の要素がないためelement_1、 を に変更しidていelement1ます。

だから変わる

function play_vid(){
    $("#v1").show();
    v1.play();
    $("#element1").addClass('highlighted');
}
于 2013-05-09T07:35:59.887 に答える