1

我有一个 wordpress 模板，其中包括来自 addthis 的一组共享按钮

       <ul class="addthis extra">
            <li class="addthis-hold">
                <div class="addthis_toolbox" addthis:url="<?php the_permalink(); ?>">
                    <a class="addthis_button_compact" href="<?php the_permalink(); ?>"><img src="<?php echo GOODLAYERS_PATH; ?>/images/compact.png" width="102px" height="23" alt="email" /></a>
                    <a class="addthis_button_twitter" href="<?php the_permalink(); ?>"><img src="<?php echo GOODLAYERS_PATH; ?>/images/twitter-addthis.png" width="42" height="23" alt="twitter" /></a>
                    <a class="addthis_button_facebook" href="<?php the_permalink(); ?>"><img src="<?php echo GOODLAYERS_PATH; ?>/images/facebook-addthis.png" width="42" height="23" alt="facebook" /></a>
                </div>
                <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51238bfa52ea314a"></script>
            </li>
        </ul>

其次，我的元素上绑定了一个同位素/砌体插件，每个元素上都有一个 addthis 元素。见下图：

在此处输入图像描述

因此，当我将 addthis_button_compact 悬停时，如果我将鼠标悬停在此对象下方的对象上，它会改变定位，但它只会改变顶部：X; 位置..

4

1 回答 1

2

在尝试重新绘制工具箱、domready 设置等之后......唯一可靠的解决方案是更改为展开按钮。我能够改变“onmouseover”的位置，但感觉不对。

改变这个：

<a class="addthis_button_compact"><span>Share</span></a>

对此：

<a class="addthis_button_expanded"><span>Share</span></a>

改为显示模态版本，虽然这不是我最初的目标，但结果非常好。因此，尽管可能不是解决问题的方法，但它是一种替代方法。

于 2014-03-09T05:16:36.680 回答