javascript - 前のdivを正しくターゲットにする

Question

html：

<div class="wrap">
   <div class="fotorama"><img src="img1.jpg">/></div>
   <div class="fotorama-fullscreen">Open fullscreen</div>
</div>

<div class="wrap">
   <div class="fotorama"><img src="img2.jpg">/></div>
   <div class="fotorama-fullscreen">Open fullscreen</div>
</div>

<div class="wrap">
   <div class="fotorama"><img src="img3.jpg">/></div>
   <div class="fotorama-fullscreen">Open fullscreen</div>
</div>

jQuery

$(".fotorama-fullscreen").each(function(){
    $this = $(this);
    $this.on('click', function(){
        $("#wrapper").fadeTo(1000, 0, function(){
            $("#main").isotope("destroy");
            $this.prev().trigger('fullscreenopen'); <== My trigger
            $("#wrapper").fadeTo(1000, 1);
        });
    });
});

ボタンを押すだけで全画面で開くギャラリーがたくさんあります。上記のコードは机の上では機能しますが、iPadを使用しているとギャラリーが開かないため、iPadでは機能しないと思います.prev();か？それとも、正しいパスを見つけて対処する際に何か間違ったことをしていますか？