0

如果包含在页面上的任何其他位置，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>
4

2 回答 2

1

您可以使用 AddThis JavaScript API 来呈现按钮或工具箱。参考： http: //www.addthis.com/help/client-api#rendering-js

于 2012-02-28T08:57:40.897 回答
0

对于这个问题，我找到了两种解决方案。第一种是使用getScript，每次打开模态对话框（或另一个div）时重新加载addthis js脚本，但这会产生额外的加载。另一种解决方案是简单地不要让任何包含 addthis 代码的 div 随时隐藏（即 display:none），而是使用.animate({marginTop:'-200px'}, 0);.css 或其他具有类似结果的方法将其从屏幕上隐藏（以及当然给 html、body 或包含 div 的 css 属性与溢出：隐藏）。

于 2011-04-22T11:56:05.107 回答