1

addthisの共有ボタンのグループを含むwordpressテンプレートがあります

       <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 に答える