Jquery Draggable Div 드롭에 배경 변경

Question

내 딸 1 학년 학교 웹 사이트에 약간의 재미있는 활동이 있습니다.

나는 아이가 가상 거실에서 Jquery Draggable 및 Droppable을 사용하여 움직일 수있는 여러 장의 사진을 가지고 있지만 내 문제는 램프 위에 드래그 할 때 전구 png 이미지 (# bulb1)가 필요한 곳에서 발생합니다. (# lamp1)의 배경 이미지 bulb-off.png (# bulb1)가 일단 켜지면 bulb-on.png 이미지로 변경됩니다.

지금 배경 이미지를 변경할 수 있습니다. 키드에 대한 어휘를 보여주는 툴팁이 있지만, 떨어 뜨린 이미지를 제거하는 기능이없는 것처럼 보입니다. 놓고, 현재 세팅으로, 툴팁은 멈출 것입니다 ... 지금 조금 어지럽게 보입니다.

저는 Jquery 사이트에서 많은 것을 읽었지 만, 제대로 작동하게하려면 아무 것도 보지 못했습니다.

기본적으로 나는 처음에 돌아왔다 (내 코드 엉망을 정리했다.).

<script type="text/javascript"> 
    $(document).ready(function() { 
$('#bulb1').draggable({ 
containment: '.shelf', 
    helper: 'clone' 
}); 
$('#lamp1, #laml2, #lamp3).droppable({ 
drop: function(event, ui) { 
$(this).css('background-image', 'url(images/bulb-on.png)').tooltip(); 
}, 
out: function(event, ui) { 
$(this).css('background-image', 'url(images/bulb-off-off.png)'); 
} 
}); 
}); 
</script> 

도움이 될 것입니다.

감사합니다,

앨런

Answer 1

대신 :

$(this).addClass('img src="images/bulb-on.png"'); 

시도 :

$(this).css('background-image', 'url(http://yoursite.idk/images/bulb-on.png)');