title: jQuery Print Preview
body: <p>I am attempting to add the <a href="https://github.com/etimbo/jquery-print-preview-plugin" rel="nofollow">jQuery Print Preview Plugin</a> into my website but I use AddThis' Print Option. I am not sure if there is a way for me to add the print preview plugin using AddThis. Is there a way?</p>
  
  <p>Here is my code:</p>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var $j = jQuery.noConflict();
     $j(document).ready(function() {
      $j('a.print-preview').printPreview();
  });
  </code></pre>
  
  <p><strong>AddThis Code:</strong></p>
  
  <pre><code>&lt;!-- AddThis Peekaboo Toolbox : BEGIN --&gt;
  &lt;div class="addthis_toolbox addthis_peekaboo_style 
   addthis_default_style addthis_label_style addthis_32x32_style"&gt;
  &lt;a class="addthis_button_more"&gt;Share&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a class="addthis_button_facebook"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="addthis_button_twitter"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="addthis_button_google_plusone_share"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="addthis_button_email"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="addthis_button_print print-preview"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;!-- AddThis Peekaboo Toolbox : END --&gt;
  &lt;script type="text/javascript" src="https://s7.addthis.com/js/
     300/addthis_widget.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>When I click print it pops up the standard print dialog box in Firefox (or whatever browser I am using.) </p>
  
  <p>I have a feeling that the AddThis JS is using something like <code>JavaScript:window.print();</code> to trigger the print dialog thus bypassing the jQuery Print Preview Plugin. Is there an easy way to change the AddThis behavior to trigger the print preview? </p>