Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery:在完全相同的位置切换可拖动设备的图片_Jquery_Draggable_Droppable - Fatal编程技术网

Jquery:在完全相同的位置切换可拖动设备的图片

Jquery:在完全相同的位置切换可拖动设备的图片,jquery,draggable,droppable,Jquery,Draggable,Droppable,我正在编写一个小游戏,用于娱乐和练习,用户必须使用拖放功能向政客扔石头。首先,用户必须把政客拖进垃圾桶,然后扔石头。 在这个政客被打了5次之后,我希望在不改变立场的情况下改变这个政客的形象。我设法保存了被拖走的政客的位置,但当我替换图片时,它总是出现在其他地方 这是我为Dragable.political编写的代码,我将位置存储在变量中: $(function() { $('.politician').draggable({scroll: false, revert: "invalid"

我正在编写一个小游戏,用于娱乐和练习,用户必须使用拖放功能向政客扔石头。首先,用户必须把政客拖进垃圾桶,然后扔石头。 在这个政客被打了5次之后,我希望在不改变立场的情况下改变这个政客的形象。我设法保存了被拖走的政客的位置,但当我替换图片时,它总是出现在其他地方

这是我为Dragable
.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为(“你打败了政客!干得好”);