Jquery:在完全相同的位置切换可拖动设备的图片
我正在编写一个小游戏,用于娱乐和练习,用户必须使用拖放功能向政客扔石头。首先,用户必须把政客拖进垃圾桶,然后扔石头。 在这个政客被打了5次之后,我希望在不改变立场的情况下改变这个政客的形象。我设法保存了被拖走的政客的位置,但当我替换图片时,它总是出现在其他地方 这是我为DragableJquery:在完全相同的位置切换可拖动设备的图片,jquery,draggable,droppable,Jquery,Draggable,Droppable,我正在编写一个小游戏,用于娱乐和练习,用户必须使用拖放功能向政客扔石头。首先,用户必须把政客拖进垃圾桶,然后扔石头。 在这个政客被打了5次之后,我希望在不改变立场的情况下改变这个政客的形象。我设法保存了被拖走的政客的位置,但当我替换图片时,它总是出现在其他地方 这是我为Dragable.political编写的代码,我将位置存储在变量中: $(function() { $('.politician').draggable({scroll: false, revert: "invalid"
.political
编写的代码,我将位置存储在变量中:
$(function() {
$('.politician').draggable({scroll: false, revert: "invalid"});
$('.stone').draggable({scroll: false});
$('.trashdiv').droppable({
accept: '.politician',
drop: function(event, ui) {
var left = ui.position.top;
var top = ui.position.left;
$("<div>Nice! Now throw things on the politician</div>").dialog();
}
});
$(函数(){
$('.political').draggable({scroll:false,revert:invalid});
$('.stone').draggable({scroll:false});
$('.trashdiv')。可拖放({
接受:“.政客”,
drop:函数(事件,ui){
var left=ui.position.top;
var top=ui.position.left;
$(“很好!现在把东西扔到政客身上”).dialog();
}
});
在最后一个else if语句中,我希望draggable.political的图片已更改,但与用户拖动的位置相同
var limit = 5;
var hit1 = 1;
var hit2 = 2;
var hit3 = 3;
var hit4 = 4;
var counter = 0;
$('.politician').droppable({
accept: '.stone',
drop: function(event, div) {
div.draggable.remove();
counter++;
if (counter == hit1) {
alert("Awesome! You're doing it right.");
}
else if (counter == hit2) {
alert("Outch! That must hurt!");
}
else if (counter == hit3) {
alert("Keep going!");
}
else if (counter == hit4) {
alert("Get it all out there!");
}
else if (counter == limit) {
$(this).droppable("disable"),
$( ".politician" ).replaceWith("<img src='pics/frauke-petry-dead-final.png' width='30%'> You've defeated the politician! Good Job");
var限值=5;
var-hit1=1;
var-hit2=2;
var-hit3=3;
var-hit4=4;
var计数器=0;
$('.political')。可拖放({
接受:“.stone”,
drop:函数(事件,div){
div.draggable.remove();
计数器++;
如果(计数器==hit1){
警惕(“太棒了!你做得对。”);
}
else if(计数器==hit2){
警惕(“出去!一定很痛!”);
}
否则如果(计数器==hit3){
警惕(“继续前进!”);
}
else if(计数器==hit4){
警惕(“把一切都说出来!”);
}
否则如果(计数器==限制){
$(此).dropable(“禁用”),
$(“.political”).replace为(“你打败了政客!干得好”);