addthis, изотоп и nicescroll все в 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>

Во-вторых, у меня есть плагин isotope/masonry, связанный с моими элементами, на каждом из которых есть элемент addthis .. см. рисунок ниже:

введите здесь описание изображения

Поэтому, когда я наводил указатель мыши на addthis_button_compact, он терпит неудачу в позиционировании, которое меняется, если я навожу курсор на объект ниже этого, но он меняет только верхнюю часть: X; позиция..


javascript jquery css addthis jquery-isotope
person Simon Dragsbæk    schedule 30.05.2013    source источник
comment
У меня такая же проблема. Вы нашли решение?   -  person user1447679    schedule 08.03.2014
comment
я получил положение мыши при наведении, а затем установил положение - не нашел хорошего решения: S   -  person Simon Dragsbæk    schedule 08.03.2014
comment
Я выбрал модальное решение для стабильности. Смотрите ответ ниже. Я добавлял в изотоп добавки, и ничего ~не было стабильным~   -  person user1447679    schedule 09.03.2014

Ответы (1)


arrow_upward
2
arrow_downward

После попытки перерисовать панель инструментов, настройки domready, среди прочего... единственным надежным решением было перейти на расширенную кнопку. Я смог изменить положение «наведите курсор мыши», но мне это показалось неправильным.

Изменение этого:

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

К этому:

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

Вместо этого показывает модальную версию, которая, хотя и не была моей первоначальной целью, оказывается довольно хорошей. Так что, хотя, вероятно, это не решение вопроса, это альтернатива.

person user1447679    schedule 09.03.2014