1

大家晚上好，我对 SWIPEBOX 画廊和谷歌 chrome 手机有一个严重的问题。现在请让我声明，我是 jquery 和 javascript 的初学者，不知道我在做什么。

我正在尝试在同一页面上创建 5 个单独的画廊。我按照 swipebox 网站上的模糊步骤，给每个班级自己独特的名字

class="swipebox1", class="swipebox2", class="swipebox3"（保持简单）。

eg.
<div class="box">
<a href="example/assets/full/leap.jpg" class="swipebox1" title="Leap">
<img src="example/assets/leap_thumb.jpg" alt="leap"></a>
</div>

<div class="box">
<a href="example/assets/full/leap.jpg" class="swipebox2" title="Leap">
<img src="example/assets/leap_thumb.jpg" alt="leap"></a>
</div>

问题是谷歌浏览器手机只允许触摸/点击第一个画廊中的按钮（关闭、下一个、上一个）。第二个和第三个画廊，你只能滑动（所有按钮都不起作用）......所以你无法关闭... :(

我已经在所有其他浏览器上进行了测试，它运行良好（webkit mobile、dolphin mobile、safari pc、safari mac、IE10 pc、Opera pc、Nightly pc）...我没有对 swipebox css 或 js 文件进行任何更改...（无论如何都不知道要改变什么）

另外，我的脚本是：

 <script type="text/javascript">
     jQuery(function($) {
        $(".swipebox1").swipebox();
        $(".swipebox2").swipebox();
        $(".swipebox3").swipebox();
     });
    </script>

我希望这是对的！！！

我也试过： 

 <script type="text/javascript">
     jQuery(function($) {
        $(".swipebox1, .swipebox2, .swipebox3").swipebox();
     });
 </script>

但这只是将它们加在一起，我不想要...

我真的需要有人的帮助，因为我几乎完成了我的响应式网站，这是唯一让我退缩的事情......

提前感谢您提供的任何帮助。

4

1 回答 1

1

尝试以“swipebox”的形式离开课堂，我的意思是这样的：

class="swipebox"

您的 3 个画廊中的每一个都随处可见。

要运行 Swipebox，请使用“rel”属性，如下所示：

<div class="box">
<a rel="gallery-1" href="example/assets/full/leap.jpg" class="swipebox" title="Leap">
<img src="example/assets/leap_thumb.jpg" alt="leap"></a>
</div>

<div class="box">
<a rel="gallery-2" href="example/assets/full/leap.jpg" class="swipebox" title="Leap">
<img src="example/assets/leap_thumb.jpg" alt="leap"></a>
</div>

让我们知道这是否有效！

于 2013-07-30T05:51:50.263 回答