在小屏幕（或任何href链接）上禁用prettyphoto

Question

我一直在寻找一种方法来禁用mibile设备或任何其他小屏幕上的prettyphoto灯箱，在花了几个小时尝试不同的脚本之后，我发现了一种使用css媒体查询的非常简单的方法：

HTML

<div>
    <a class="lightbox" rel="prettyPhoto" href="img.jpg">
        <img src="img.jpg">
    </a>
</div>

CSS

@media all and (max-width: 479px) {
    a.lightbox {    
        pointer-events: none;
    }
}

但是，我只是想知道是否有更好的（正确？）方式？是否更好地使用JS函数（（$（window）.width（））？我想确保它可以在任何设备上运行。谢谢。

Answer 1

用它包装：

if ($(window).width() >= 768) { 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
}

将起作用