Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Add conditional comment and object presence check to PIE.js documenta…

…tion example
  • Loading branch information...
commit e4e768d082b9b7660b54f7f3aa6d7d0374e94fed 1 parent ef44b7c
Jason Johnston authored
Showing with 10 additions and 5 deletions.
  1. +10 −5 documentation/pie-js.html
View
15 documentation/pie-js.html
@@ -45,6 +45,7 @@ <h2 id="cons">Disadvantages of the JS version</h2>
<li>You have to wait until the page's DOM has completely loaded before applying PIE.js to elements, whereas
the .htc behavior applies itself while the page is still loading. This means the "flash of unstyled content"
problem is much greater with PIE.js.</li>
+
<li>PIE.js cannot automatically attach and detach itself from elements which are dynamically added to/removed from
the page's DOM, so you have to write code to handle that yourself.</li>
</ul>
@@ -58,16 +59,20 @@ <h2 id="usage">Using PIE.js</h2>
to work with, for example allowing the use of CSS selectors to match a set of elements.</em></p>
<ol>
- <li>Include the PIE.js script in your page:
- <pre><code>&lt;script type="text/javascript" src="path/to/PIE.js">&lt;/script></code></pre>
+ <li>Include the PIE.js script in your page, surrounded by a conditional comment to prevent it from being downloaded in other browsers:
+ <pre><code>&lt;!--[if lt IE 10]>
+&lt;script type="text/javascript" src="path/to/PIE.js">&lt;/script>
+&lt;![endif]--></code></pre>
</li>
<li>Invoke the <code>PIE.attach(el)</code> function for each element that needs CSS3 styling. Make sure you do this
after the page's DOM has been fully loaded. For example, using jQuery:
<pre><code>$(function() {
- $('.rounded').each(function() {
- PIE.attach(this);
- });
+ if (window.PIE) {
+ $('.rounded').each(function() {
+ PIE.attach(this);
+ });
+ }
});</code></pre>
</li>
</ol>
Please sign in to comment.
Something went wrong with that request. Please try again.