移动端gLightbox自定义描述功能异常:链接失效问题
问题:gLightbox自定义描述中的链接在移动端失效
使用gLightbox插件的description: custom-desc;功能实现自定义描述,桌面端链接可正常工作,但切换到移动端后链接失效,仅显示文本内容。在开发者工具的移动端视图中,<a href>标签被完全移除,若需要可提供开发站点链接。
代码示例
JavaScript
const glightbox = GLightbox({ selector: '.glightbox' });
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/css/glightbox.css" integrity="sha512-iQ3H4A+iyBTP8M4ypX5PrTt2S+G1zmRjf0k0uOASKlFHysV8TL9ZoQyVwPss0D12IBTMoDEHA8+bg8a1viS9Mg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <div class="col-xl-4 col-lg-4 col-md-6 portfolio-item filter-present"> <div class="portfolio-info"> <h4>heading</h4> <div class="d-flex align-items-center justify-content-center"> <img src="https://dummyimage.com/600x400/000/fff" title="Quick View" data-gallery="portfolio-gallery" class="glightbox preview-link" data-glightbox="title: title; description: .custom-desc16;"><i class="bi bi-zoom-in"></i> <div class="glightbox-desc custom-desc16"> <a href="https://google.com" title="Full Property" class="full-property-link">Link that doesn't work<i class="bi bi-link-45deg"></i></a> </div> </div> </div> </div> <!-- End Portfolio Item --> <script src="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/js/glightbox.min.js" integrity="sha512-S/H9RQ6govCzeA7F9D0m8NGfsGf0/HjJEiLEfWGaMCjFzavo+DkRbYtZLSO+X6cZsIKQ6JvV/7Y9YMaYnSGnAA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/js/glightbox.js" integrity="sha512-B15xrHLAFUGC5w4jO8iQtCLLaliORCeLUCewc3Pjrtzw6y2ZXECO6bHalENItF5p/yPpz02fGL/luT/Bs17WnA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
内容的提问来源于stack exchange,提问作者user19906832
相关产品推荐
相关产品推荐

