禁用李錨移動

Question

我有一個美麗的響應式圖庫啓動和運行，與prettyPhoto插件更容易查看圖像。這個課程在臺式機/筆記本電腦上非常出色，但在移動設備上絕對是可怕的。 （較長的加載時間，由於預定的CSS等不適合屏幕的圖像）

我可以告訴瀏覽器不要在移動設備上加載prettyPhoto.js，但縮略圖錨仍然會鏈接到全尺寸圖像。 （我不想要！縮略圖對於手機來說足夠大，不需要全尺寸圖像。）

必須有某種jQuery或JavaScript解決方案。我不確定採取什麼最好的方法，並希望有人能夠提供一些解決這個問題的見解。

HTML：

<ul id="portfolio"> 
    <section id="photos"> 
    <li class="all"> <a href="fullsize.jpg" rel="prettyPhoto[all]"> <img src="thumb.jpg"> </a> </li> 
    <li class="all"> <a href="fullsize.jpg" rel="prettyPhoto[all]"> <img src="thumb.jpg"> </a> </li> 
    <li class="all"> <a href="fullsize.jpg" rel="prettyPhoto[all]"> <img src="thumb.jpg"> </a> </li> 
    <li class="all"> <a href="fullsize.jpg" rel="prettyPhoto[all]"> <img src="thumb.jpg"> </a> </li> 
    </section> 
</ul> 

編輯：

我有什麼至今：

<script> 
if ($(window).width() < 767) { 
    $('#portfolio img').unwrap(); 
)}; 
</script> 

至極似乎並沒有工作。有任何想法嗎？

Answer 1

你可以只使用jQuery的.unwrap()方法：

http://jsfiddle.net/fm9Un/1/

$(function(){ //DOM ready 
    if($(window).width() < 767) 
     $('#portfolio img').unwrap(); 
});