javascript - html中的快速框弹出错误不起作用

Question

我有一个商店网站，在其中单击某些图像中的眼睛图标或展开图标时，会显示带有一些描述的快速框。

<div class="ImageWrapper">
    <div class="product-button">
        <a href="javascript:void(0)" id="promise-solitaire-ring-mount" class="quick-view-text">
            <i class="zmdi zmdi-eye"></i>
        </a>
        <a href="products\promise-solitaire-ring-mount.html">
            <i class="zmdi zmdi-link"></i>
        </a>
        <div class="add-to-wishlist">
            <div class="show">
                <div class="default-wishbutton-promise-solitaire-ring-mount loading">
                    <a class="add-in-wishlist-js btn" href="promise-solitaire-ring-mount">
                        <i class="fa fa-heart-o"></i>
                        <span class="tooltip-label">
                            Add to wishlist
                        </span>
                    </a>
                </div>
               <div class="loadding-wishbutton-promise-solitaire-ring-mount loading btn" style="display: none; pointer-events: none">
                   <a class="add_to_wishlist" href="promise-solitaire-ring-mount">
                       <i class="fa fa-circle-o-notch fa-spin"></i>
                   </a>
               </div>
               <div class="added-wishbutton-promise-solitaire-ring-mount loading" style="display: none;">
                   <a class="added-wishlist btn add_to_wishlist" href="pages\wishlist.html">
                       <i class="fa fa-heart"></i>
                       <span class="tooltip-label">
                           View Wishlist
                       </span>
                   </a>
               </div>
           </div>
       </div>
   </div>
</div>
</div>
<div class="product-detail">
    <div class="product_left">
        <a href="collections\new-arrivals\products\promise-solitaire-ring-mount.html" class="grid-link__title">
            Let Promise Solitaire Ring Mount
        </a>
        <div class="grid-link__meta">
            <div class="product_price">
                <div class="grid-link__org_price">
                    <span class="money">$590.00</span>
                </div>
            </div>
            <span class="shopify-product-reviews-badge" data-id="10109315278"></span>
        </div>

完整的文件在这里。

当我单击该图标时，不会显示弹出窗口，而是显示浅黑色阴影：

可能是什么问题呢？

标签： javascripthtmlcss