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

この問題に対して、私は2つの解決策を見つけました。1 つ目は、getScript を使用して、モーダル ダイアログ (または別の div) が開かれるたびに addthis js スクリプトをリロードすることですが、これにより余分な読み込みが発生します。もう 1 つの解決策は、addthis コードを含む div を常に非表示にしない (つまり、display:none) ことではなく.animate({marginTop:'-200px'}, 0);、.css または同様の結果が得られる別のメソッドを使用して画面から非表示にすることです (およびもちろん、html、本文、またはそれを含む div に、overflow:hidden を含む css 属性を指定します)。

于 2011-04-22T11:56:05.107 に答える