イベントのないdivの子供を移動する方法

Question

現在、ブロックが倒れているので、避けなければならないゲームを作っています。私は、ブロックdivにゲームと呼ばれるいくつかのjQueryコードを持っています。

divが1つ1つ選択され、クリックしないで下に移動するのに問題があります。 Here is the GitHub linkとここ。ここexample

は

function spawn_block(){ 

$spawned_block = $("<div class='block'></div>") 
$game.append($spawned_block); //add div with class block to #game div 

var left=getRandomInt(0, $game.width()-$spawned_block.width()); //gets a random value from left of screen where div can appear 
var top=getRandomInt(0, $game.height()-$spawned_block.height()); //not useful unless you don't want the div to appear at the top 
//adds a random position and color to spawned_block 

$spawned_block.css({ 
    "left": left, 
    "background-color": getRandomColor() 
}); 
//if you want a random position from top add "top" : top, 
}; 

---

if($spawned_block.position.top < $game.position.top + $game.height) { 
     $spawned_block.css("top", "+=25px"); 
    } 

このコードの最後の作品は、私が何を思い、関数の最後に追加するものであるjQueryのコード（その一部）であります私は間違っている？

Answer 1

あなたに起こっていることがわかりませんが、最後に最近追加されたのはdivですか？

$("#game .block").each(function(index){ 
    if($(this).position.top < $game.position.top + $game.height) { 
     $(this).css("top", "+=25px"); 
    } 
}); 

これは、ID #gameの要素内のすべての単一の.blockを通過し、その上にあなたのif文を実行します：おそらくそれはあなたのような何かをした場合には役立つだろう。

あなたの問題であるかもしれないもう1つのことは（あなたの質問が私には分かりにくいと思うのですが）、イベントが発生したときにすべてを下に移動する機能しか実行していないことですブロックが追加された場合）。おそらく、このような何かがあなたのために働くかもしれない：

function anim() { 
    $("#game .block").each(function(index){ 
     if($(this).position.top < $game.position.top + $game.height) { 
      $(this).css("top", "+=25px"); 
     } 
    }); 
    window.requestAnimationFrame(anim); 
} 
window.requestAnimationFrame(anim); 

これは、次のフレームの上に、下にブロックを動かす機能anim()を実行するために、（ラインwindow.requestAnimationFrame(anim);経由）、ブラウザに指示します。 requestAnimationFrame()hereについて詳しく読むことができます。

幸運を祈る！