2010-12-08 6 views
0

ページのどこにでも含まれていれば、AddThisのブックマークウィジェットは正常に動作します。jQueryモーダルダイアログに含まれていると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> 

答えて

0

私は2つの解決策を見つけました。最初は、モーダルダイアログ(または別のdiv)が開かれるたびにaddScript jsスクリプトをリロードするためにgetScriptを使用しますが、これにより追加の読み込みが作成されます。もう1つの解決策は、単にaddthisコードを含むdivのいずれかを非表示にすることではなく、.animate({marginTop:'-200px'}, 0);、.cssまたは同様の結果を持つ別のメソッドで画面から非表示にすることです(もちろん、html、body、またはdivを含むCSS属性にoverflow:hiddenを付けてください)。

+1

今後、2番目の回答を投稿せず、元のものを更新するか、古いものを削除して新しい回答を投稿してください。 – casperOne

関連する問題