Question

我想知道是否有人可以提供以下建议。（我提前道歉，因为我不熟悉.js和prettyphoto等）

我们有一个网站footiegoals.com，这利用了漂亮的照片，为了让照片在网站上工作，我必须注释出如下图所示的线条。

Prettyphoto然后工作正常。但是，如果调整屏幕大小或从移动设备查看屏幕，则无法显示响应式菜单

我假设在使用的.js版本之间存在冲突吗？

有没有办法解决这个问题，有人知道吗？

 <link rel="stylesheet" type="text/css" media="all" href="style.css" />
 <link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />

<link href='http://fonts.googleapis.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/custom.quicksand.js"></script>

<script type="text/javascript" src="js/jquery.quovolver.js"></script>


<!-- These lines commented out
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script src="js/script.js"></script>

These lines commented out 

谢谢

克里斯

Answer 1

我已经更新了最新版本并添加了未注释的行，现在看来它正在运行。

<meta http-equiv="X-UA-Compatible" content="IE=edge">   
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>

Prettyphoto停止响应式菜单出现在移动设备上

1 个答案: