jQuery / Bootstrap Portfolio仅适用于桌面上的模态

时间:2014-06-20 22:22:23

标签: javascript jquery html twitter-bootstrap prettyphoto

我已经结合了这个主题blacktie theme

的模态

在此处找到可过滤的jquery图库filterable jquery portfolio

我的问题是我在桌面上工作正常但在平板电脑或移动设备上却没有。我想要可过滤投资组合的功能,但需要弹出类别和第一个主题的模态。

我已将它从我的电脑上加载到本地服务器test site。我认为问题在于可过滤的jquery组合使用prettyphoto来调用" overlay"我没有在我的标记中使用的课程。我使用了第一个主题组合中的网格掩码类。关于我如何在移动设备和平板电脑的分辨率上使用它的任何想法?

谢谢

1 个答案:

答案 0 :(得分:0)

我用这个包装了我的一个投资组合图像,现在当我在移动设备上按下图像时它可以正常工作。

<figure>
                    <a data-toggle="modal" href="#myModal">
                        <img class="img-responsive" src="assets/img/portfolio/folio01.jpg" alt=""></a>
                        <figcaption>
                            <h5>WEB DESIGN</h5>
                            <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">View</a>
                        </figcaption><!-- /figcaption -->
                  </figure><!-- /figure -->