在移动设备上禁用prettyPhoto

时间:2013-01-23 09:53:59

标签: mobile modernizr prettyphoto

我可能会在这里问一个菜鸟太多了,但是通过在这里搜索并找到其他问题,我已经得到了很多其他问题的帮助,所以我将尝试自己的问题。

我正在寻找的简短版本是一种在小型移动屏幕(手机,而不是平板电脑)上禁用prettyPhoto的方法 - 或者甚至可以更好地仅在手机上禁用标题(“标题”文字)。

最初,我在手机上查看时无法打开prettyPhoto。我用这个解决方案解决了这个问题:(我不允许发布链接,因为这是我的第一篇文章 - 但是有点地址是10tsboq)

但现在标题(代码中的“标题”文字)形成一个长垂直字符串,如下所示:http://grab.by/j9f0

我确实发现这个解决方案在使用Modernizr http://forums.no-margin-for-errors.com/discussion/5282/pretty-photo-on-a-mobile-device-iphone#Item_7的手机上完全禁用了prettyPhoto,但要么我不知道在哪里放置代码,要么我做错了。谁知道该代码应该去哪里? (只是在prettyPhoto js或css的底部添加了?或者替换代码中存在的东西?或者完全在其他地方?

或者 - 解决问题的其他任何完全不同的建议?

(顺便说一句,我正在为该网站开发Squarespace v6平台,以防万一)

谢谢!

1 个答案:

答案 0 :(得分:1)

对于那些寻找答案的人,我在原帖上追踪了一位评论者,他们非常乐意回答陌生人的电子邮件提供解释 - 所以,回答我在modernizr上提出的问题脚本 - 它进入了最有可能在你的页脚中的prettyPhoto代码:

(类似这样):

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
INSERT MODERNIZR MQ CODE HERE
  });
</script>
希望能帮助别人!