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 上时，它不会打开画廊，这让我觉得.prev();在 ipad 上不起作用？还是我在寻找和解决正确路径时做错了什么？