@zkochan/pnpm
Version:
A fast implementation of npm install
84 lines (82 loc) • 4.48 kB
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="assets/style.css?t=b42a3c4d">
<script src="assets/script.js?t=2bcc4b59"></script>
<title>Idempotency</title>
<meta name="viewport" content="width=device-width">
</head>
<body class="-menu-visible">
<div class="doc-layout">
<div class="toggle menu-toggle js-menu-toggle"></div>
<div class="body page-idempotency">
<div class="header-nav">
<div class="right"><a href="https://github.com/rstacruz/onmount" data-title="rstacruz/onmount" class="iconlink">
<!-- span.title Open in GitHub--><span class="icon -github"></span></a>
</div>
</div>
<div class="markdown-body"><h1 id="idempotency">Idempotency</h1>
<p>You can call <code>$.onmount()</code> as much as you like. This will skip any behavior initialization for DOM nodes that have already been initialized. This is done to account for any new elements that may appear in your DOM.</p>
<pre><code class="lang-js"><span class="pl-c">// add more content</span>
$(<span class="pl-s">'#content'</span>).append(...)
$.onmount()
</code></pre>
<p>This allows you to set up polling checkpoints to trigger new behaviors on certain events.
Great for events such as <a href="http://getbootstrap.com/javascript/">Bootstrap events</a> or <a href="https://github.com/rails/turbolinks#events">Turbolinks load</a>.</p>
<p>Also, when used with jQuery, <code>onmount</code> can be passed as an event handler, eg,
<code>$(onmount)</code>.</p>
<pre><code class="lang-js">$(<span class="pl-c1">document</span>)
.on(<span class="pl-s">'ready show.bs closed.bs load page:change'</span>, $.onmount)
</code></pre>
</div>
<div class="footer-nav">
<div class="left"><a href="unique-ids.html"><span class="title">Unique IDs</span></a></div>
<div class="right"><a href="automatic-observation.html"><span class="label">Next: </span><span class="title">Automatic observation</span></a></div>
</div>
</div>
<div class="menu toc-menu">
<li class="menu-item -level-0 -parent">
<ul class="submenu">
<li class="menu-item -level-1"><a href="index.html" class="link title link-index">onmount</a>
</li>
<li class="menu-item -level-1"><a href="premise.html" class="link title link-premise">Premise</a>
</li>
<li class="menu-item -level-1 -parent"><span class="title">Features</span>
<ul class="submenu">
<li class="menu-item -level-2"><a href="role.html" class="link title link-role">Role attributes</a>
</li>
<li class="menu-item -level-2"><a href="cancelling.html" class="link title link-cancelling">Cancelling</a>
</li>
<li class="menu-item -level-2"><a href="cleanup.html" class="link title link-cleanup">Preforming cleanups</a>
</li>
<li class="menu-item -level-2"><a href="unique-ids.html" class="link title link-unique-ids">Unique IDs</a>
</li>
<li class="menu-item -level-2"><a href="idempotency.html" class="link title -active link-idempotency">Idempotency</a>
</li>
<li class="menu-item -level-2"><a href="automatic-observation.html" class="link title link-automatic-observation">Automatic observation</a>
</li>
</ul>
</li>
<li class="menu-item -level-1 -parent"><span class="title">Testing</span>
<ul class="submenu">
<li class="menu-item -level-2"><a href="testing.html" class="link title link-testing">Testing</a>
</li>
<li class="menu-item -level-2"><a href="debugging.html" class="link title link-debugging">Debugging</a>
</li>
</ul>
</li>
<li class="menu-item -level-1 -parent"><span class="title">Integrations</span>
<ul class="submenu">
<li class="menu-item -level-2"><a href="turbolinks.html" class="link title link-turbolinks">With Turbolinks</a>
</li>
<li class="menu-item -level-2"><a href="rails.html" class="link title link-rails">With Rails</a>
</li>
</ul>
</li>
</ul>
</li>
</div>
</div>
</body>
</html>