ランダムに1つ<div>
を選択してから、クリックした場合にトリガーされるのと同じイベントハンドラーをトリガーしたいと思います。私のイベントハンドラーは次のようになります。
function move(){
var currentLeft = $(this).css("left")
var currentTop = $(this).css("top")
if($(this).hasClass("movable")){
$(this)
.css("left", leftOld)
.css("top", topOld);
leftOld = currentLeft;
topOld = currentTop;
}
findMovable();
}
通常、このイベントはクリックイベントによってトリガーされます。イベントリスナーは次のようになります。
$(".piece").click(move);
これらのdivをランダムにクリックして、同じイベントハンドラーをトリガーできる関数が必要です。私はこのようなもので作業していますが、終了する方法がわかりません:
$("#shufflebutton").click(shufflePieces); //event listener
function shufflePieces(){
var clickTile = Math.floor(Math.random() * $(".movable").length);
$(".movable")[clickTile].trigger(move); //this is the line I can't figure out
}
<div>
イベントハンドラー(move)は、を使用してその情報にアクセスする必要があるため、どのdivが「クリック」されたかを知っていることが重要です$(this)
。私のために何か助けはありますか?ありがとう!