在JQuery拖放之后访问div ID到addClass

时间:2013-05-09 07:26:00

标签: jquery jquery-ui

我正在使用jquery拖放并尝试将dropClass添加到div之后。添加类在删除之前可以正常工作但不能在之后工作如何在addClass中访问已删除的div:

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/

1 个答案:

答案 0 :(得分:1)

这是因为没有标识为element_1的元素,您要将id更改为element1

所以改变

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