如何在不位于同一div容器中的情况下在图像顶部显示精灵?

时间:2019-04-27 20:49:03

标签: jquery css photoswipe

我在移动网站中使用了photowipe,并希望将css精灵显示为图片上方的“喜欢”按钮。

点击时导致以下错误:

psw,psw-ui,psw-custom,v1.0.0.min.js:13 Uncaught TypeError: Cannot read property 'split' of null
at psw,psw-ui,psw-custom,v1.0.0.min.js:13
at d (psw,psw-ui,psw-custom,v1.0.0.min.js:13)
at HTMLDivElement.t (psw,psw-ui,psw-custom,v1.0.0.min.js:13)

以某种方式进行照片滑动尝试获取此行中的尺寸数据:

size = el.getAttribute('data-size')。split('x');

但是我的likebutton上没有data-size属性。

到目前为止,我看到的唯一解决方案是将likebutton div移到gallery div之外,但这会带来定位问题,因为主图像并不总是位于相同的高位置。

<span id="tese1064335" class="nhrt" style="top: 188px;right:15px;">
   <a href="#" data-ajax="false" onclick="edit_notepad(1064335, 1);return false;" rel="nofollow" title="Diese Anzeige in Ihrem Merkzettel speichern" class="sprites-1 ui-link sprite-IC_hrt_1"></a>
</span>

//图库:

<div id="demo-test-gallery" class="demo-gallery" itemscope="" itemtype="http://schema.org/ImageGallery">
   <div id="cl_gallery" data-pswp-uid="1"><a href="http://static.test0.jpg" data-size="900x1200" data-med="http://static.test0.jpg" data-med-size="1006x1006" data-details="test" class="demo-gallery__img--main ui-link">

   <img src="http://static.test0.jpg" alt="" width="1006" height="1006"><figure>test </figure></a>
</div>

如何将like按钮放置到该div中,以便将其放置在另一个div中而又不会与光笔擦发生冲突?

0 个答案:

没有答案