You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

移动端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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 11:33:50