Commit
- Loading branch information
There are no files selected for viewing
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
|
@@ -34,9 +34,10 @@ | ||
Trigger the handler | Trigger the handler | ||
</div> | </div> | ||
</code></pre> | </code></pre> | ||
<p class="image"> | <figure> | ||
<img src="/resources/0042_05_03.png" alt=""/> | <img src="/resources/0042_05_03.png" alt=""/> | ||
</p> | <figcaption>figure 1</figcaption> | ||
This comment has been minimized.
Sorry, something went wrong.
This comment has been minimized.
Sorry, something went wrong.
scottgonzalez
Member
|
|||
</figure> | |||
<p>The event handler can be bound to any <code><div></code>:</p> | <p>The event handler can be bound to any <code><div></code>:</p> | ||
<pre><code> | <pre><code> | ||
$( "#target" ).click(function() { | $( "#target" ).click(function() { | ||
|
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
|
@@ -35,12 +35,13 @@ $( "#clickme" ).click(function() { | ||
}); | }); | ||
}); | }); | ||
</code></pre> | </code></pre> | ||
<p class="image four-across"> | <figure> | ||
<img src="/resources/0042_06_33.png" alt=""/> | <img class="column three" src="/resources/0042_06_33.png" alt=""/> | ||
This comment has been minimized.
Sorry, something went wrong.
AurelioDeRosa
Member
|
|||
<img src="/resources/0042_06_34.png" alt=""/> | <img class="column three" src="/resources/0042_06_34.png" alt=""/> | ||
<img src="/resources/0042_06_35.png" alt=""/> | <img class="column three" src="/resources/0042_06_35.png" alt=""/> | ||
<img src="/resources/0042_06_36.png" alt=""/> | <img class="column three" src="/resources/0042_06_36.png" alt=""/> | ||
</p> | <figcaption>figure 1</figcaption> | ||
</figure> | |||
<h4 id="easing">Easing</h4> | <h4 id="easing">Easing</h4> | ||
<p><strong>As of jQuery 1.4.3</strong>, an optional string naming an easing function may be used. Easing functions specify the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called <code>swing</code>, and one that progresses at a constant pace, called <code>linear</code>. More easing functions are available with the use of plug-ins, most notably the <a href="http://jqueryui.com">jQuery UI suite</a>.</p> | <p><strong>As of jQuery 1.4.3</strong>, an optional string naming an easing function may be used. Easing functions specify the speed at which the animation progresses at different points within the animation. The only easing implementations in the jQuery library are the default, called <code>swing</code>, and one that progresses at a constant pace, called <code>linear</code>. More easing functions are available with the use of plug-ins, most notably the <a href="http://jqueryui.com">jQuery UI suite</a>.</p> | ||
<h4 id="callback-function">Callback Function</h4> | <h4 id="callback-function">Callback Function</h4> | ||
|
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
|
@@ -52,12 +52,12 @@ $( "#clickme" ).click(function() { | ||
}); | }); | ||
}); | }); | ||
</code></pre> | </code></pre> | ||
<p class="image four-across"> | <figure> | ||
<img src="/resources/0042_06_05.png" alt=""/> | <img class="column three" src="/resources/0042_06_05.png" alt=""/> | ||
<img src="/resources/0042_06_06.png" alt=""/> | <img class="column three" src="/resources/0042_06_06.png" alt=""/> | ||
<img src="/resources/0042_06_07.png" alt=""/> | <img class="column three" src="/resources/0042_06_07.png" alt=""/> | ||
<img src="/resources/0042_06_08.png" alt=""/> | <img class="column three" src="/resources/0042_06_08.png" alt=""/> | ||
</p> | </figure> | ||
This comment has been minimized.
Sorry, something went wrong.
agcolom
Member
|
|||
</longdesc> | </longdesc> | ||
<note id="jquery.fx.off" type="additional" data-title=".hide()"/> | <note id="jquery.fx.off" type="additional" data-title=".hide()"/> | ||
<example> | <example> | ||
|
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
|
@@ -14,9 +14,10 @@ | ||
<p>Returns the width of the element, along with left and right padding, border, and optionally margin, in pixels.</p> | <p>Returns the width of the element, along with left and right padding, border, and optionally margin, in pixels.</p> | ||
<p>If <code>includeMargin</code> is omitted or <code>false</code>, the padding and border are included in the calculation; if <code>true</code>, the margin is also included.</p> | <p>If <code>includeMargin</code> is omitted or <code>false</code>, the padding and border are included in the calculation; if <code>true</code>, the margin is also included.</p> | ||
<p>This method is not applicable to <code>window</code> and <code>document</code> objects; for these, use <code><a href="/width/">.width()</a></code> instead. Although <code>.outerWidth()</code> can be used on table elements, it may give unexpected results on tables using the <code>border-collapse: collapse</code> CSS property.</p> | <p>This method is not applicable to <code>window</code> and <code>document</code> objects; for these, use <code><a href="/width/">.width()</a></code> instead. Although <code>.outerWidth()</code> can be used on table elements, it may give unexpected results on tables using the <code>border-collapse: collapse</code> CSS property.</p> | ||
<p class="image"> | <figure> | ||
<img src="/resources/0042_04_06.png"/> | <img src="/resources/0042_04_06.png"/> | ||
</p> | <figcaption>figure 1</figcaption> | ||
</figure> | |||
</longdesc> | </longdesc> | ||
<note id="dimensions-number" type="additional" data-title=".outerWidth()"/> | <note id="dimensions-number" type="additional" data-title=".outerWidth()"/> | ||
<note id="hidden-element-dimensions" type="additional" data-title=".outerWidth()"/> | <note id="hidden-element-dimensions" type="additional" data-title=".outerWidth()"/> | ||
|
@@ -63,7 +64,7 @@ $( "p:last" ).text( | ||
<longdesc> | <longdesc> | ||
<p>When calling <code>.outerWidth(value)</code>, the value can be either a string (number and unit) or a number. If only a number is provided for the value, jQuery assumes a pixel unit. If a string is provided, however, any valid CSS measurement may be used (such as <code>100px</code>, <code>50%</code>, or <code>auto</code>).</p> | <p>When calling <code>.outerWidth(value)</code>, the value can be either a string (number and unit) or a number. If only a number is provided for the value, jQuery assumes a pixel unit. If a string is provided, however, any valid CSS measurement may be used (such as <code>100px</code>, <code>50%</code>, or <code>auto</code>).</p> | ||
</longdesc> | </longdesc> | ||
|
|||
This comment has been minimized.
Sorry, something went wrong.
AurelioDeRosa
Member
|
|||
<example> | <example> | ||
<desc>Change the outer width of each div the first time it is clicked (and change its color).</desc> | <desc>Change the outer width of each div the first time it is clicked (and change its color).</desc> | ||
<code><![CDATA[ | <code><![CDATA[ | ||
|
@@ -96,7 +97,7 @@ $( "div" ).one( "click", function() { | ||
<div>d</div> | <div>d</div> | ||
]]></html> | ]]></html> | ||
</example> | </example> | ||
|
|||
This comment has been minimized.
Sorry, something went wrong. |
|||
<category slug="css"/> | <category slug="css"/> | ||
<category slug="dimensions"/> | <category slug="dimensions"/> | ||
<category slug="manipulation/style-properties"/> | <category slug="manipulation/style-properties"/> | ||
|
@kswedberg, I'm thinking of adding a bit more here, so it says something like:
figure 1 - Illustration of the rendered HTML
What do you think? I'm also wondering whether we should use Figure 1 or figure 1? @scottgonzalez do you have anything similar to this on UI?