禁用移动li锚

Disable li anchors mobile

本文关键字：li 移动      更新时间：2023-09-26

我已经有了一个漂亮的响应画廊启动和运行，与pretyphoto插件更容易查看图像。这当然在台式机/笔记本电脑上非常有效，但在移动设备上却非常糟糕。(较长的加载时间，由于预先确定的CSS等，图像不适合屏幕)

我可以告诉浏览器不要在移动设备上加载pretypto .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>

这似乎不起作用。什么好主意吗?

您可以直接使用.unwrap() jquery方法:

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

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