Question

为我的女儿一年级学校网站制作一个有趣的小活动。

我在div中有几张照片，孩子们可以使用Jquery Draggable和Droppable在虚拟起居室里四处走动，但我的问题来自于我想在拖灯上时有一个灯泡png图像（＃bulb1）（＃lamp1）（＃bulb1）的背景图像bulb-off.png一旦掉落（＃lamp1）就会变为图像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)');

Jquery Draggable Div改变背景下降

1 个答案: