Почему виджет AddThis не работает, если включен в модальное диалоговое окно jQuery? - PullRequest
Новая
       13

Почему виджет AddThis не работает, если включен в модальное диалоговое окно jQuery?

0 голосов
/ 08 декабря 2010

Если он включен где-либо еще на странице, виджет закладки AddThis будет работать нормально.

Но в модальном диалоговом окне jQuery всплывающее окно не появляется.

Это потому, что для этого потребуется другой моддиалог в модальном диалоге?

Как обойти это? 

<div id="dialog-modal" title="Modal dialog with AddThis">
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style ">
    <a href="http://www.addthis.com/bookmark.php" class="addthis_button_compact">Share</a>
    <span class="addthis_separator">|</span>
    <a class="addthis_button_preferred_1"></a>
    <a class="addthis_button_preferred_2"></a>
    <a class="addthis_button_preferred_3"></a>
    <a class="addthis_button_preferred_4"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
    <!-- AddThis Button END -->
</div>

<script>
$(function() {

    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true
    });
});
</script>

Ответы [ 2 ]

1 голос
/ 28 февраля 2012

Вы можете использовать AddThis JavaScript API для рендеринга кнопок или наборов инструментов. Справка: http://www.addthis.com/help/client-api#rendering-js

0 голосов
/ 22 апреля 2011

К этой проблеме я нашел два решения. Первый - использовать getScript для перезагрузки сценария addthis js при каждом открытии модального диалога (или другого div), но это создаст дополнительную загрузку. Другое решение состоит в том, чтобы просто не допустить, чтобы любой из элементов div, содержащих код addthis, был скрыт в любое время (т. Е. Display: none), а вместо этого скрыть его с экрана с помощью .animate({marginTop:'-200px'}, 0);, .css или другого метода с аналогичным результатом. (и, конечно, передайте атрибут html, body или div с css с переполнением: hidden).

...