ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ. ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Β· Bootstrap. ΠΠ΅ΡΡΠΈΡ v4.4
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Bootstrap Ρ CSS ΠΈ JavaScript, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ CSS3 Π΄Π»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΈ Π°ΡΡΠΈΠ±ΡΡΡ Π΄Π°Π½Π½ΡΡ Π΄Π»Ρ Ρ ΡΠ°Π½Π΅Π½ΠΈΡ Π»ΠΎΠΊΠ°Π»ΡΠ½ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².
ΠΠ±Π·ΠΎΡ
ΠΠΎΡ ΡΡΠΎ Π½Π°Π΄ΠΎ Π·Π½Π°ΡΡ ΠΏΠ΅ΡΠ΅Π΄ Π½Π°ΡΠ°Π»ΠΎΠΌ ΡΠ°Π±ΠΎΡΡ Ρ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ:
- ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π·Π°Π²ΠΈΡΡΡ ΠΎΡ 3-ΠΉ ΡΠ°ΡΡΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Popper.js Π² ΡΠ°ΡΡΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡ popper.min.js ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ
bootstrap.bundle.min.js
/bootstrap.bundle.js
, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ Popper.js β ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ! - ΠΡΠ»ΠΈ Π²Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΡΠ΅ ΡΠ°ΠΉΠ»Ρ JavaScript Ρ ΠΆΠ΅ΡΡΠΊΠΎΠ³ΠΎ Π΄ΠΈΡΠΊΠ°, Π²Π°ΠΌ Π½ΡΠΆΠ½Π° requires
util.js
. - ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π½Π΅ ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΡΡΡΡ ΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠΎ ΠΏΡΠΈΡΠΈΠ½Π°ΠΌ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ, ΡΠ°ΠΊ ΡΡΠΎ Π²Π°ΠΌ Π½Π°Π΄ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΡΠΎ ΡΠ°ΠΌΠΎΠΌΡ.
- ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π½ΡΠ»Π΅Π²ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ.
container: 'body'
ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌ Ρ ΠΎΡΡΠΈΡΠΎΠ²ΠΊΠΎΠΉ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² (ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Π³ΡΡΠΏΠΏΡ Π²Π²ΠΎΠ΄Π°, ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ Ρ.Π΄.).- ΠΠ΅Π»ΡΠ·Ρ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΈΠ· ΡΠΊΡΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
- ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠ»Π°ΡΡΠ°
.disabled
ΠΈΠ»ΠΈ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌdisabled
Π΄ΠΎΠ»ΠΆΠ½Ρ Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°-Β«ΠΎΠ±Π΅ΡΡΠΊΠΈΒ». - ΠΠΎΠ³Π΄Π° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π·Π°ΠΏΡΡΠΊΠ°Π΅ΡΡΡ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠΎΡΠ½ΡΡ
ΡΡΡΠ»ΠΎΠΊ, ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π±ΡΠ΄ΡΡ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½Ρ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅
white-space: nowrap;
Π² Π²Π°ΡΠΈΡ<a>
, ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΡΠΎΠ³ΠΎ. - ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠΏΡΡΡΠ°Π½Ρ Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ Π½ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΄Π°Π»Π΅Π½Ρ ΠΈΠ· DOM.
ΠΡ Π²ΡΡ ΠΏΠΎΠ½ΡΠ»ΠΈ? ΠΡΠ»ΠΈΡΠ½ΠΎ, ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ .
ΠΡΠΈΠΌΠ΅Ρ: Π·Π°Π΄Π΅ΠΉΡΡΠ²ΡΠΉΡΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π²Π΅Π·Π΄Π΅
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ β ΠΎΠ±ΡΠ°ΡΠΈΡΡΡΡ ΠΊ Π½ΠΈΠΌ ΠΏΠΎ Π°ΡΡΠΈΠ±ΡΡΡ data-toggle
:
$(function () { $('[data-toggle="tooltip"]').tooltip() })
ΠΡΠΈΠΌΠ΅ΡΡ
ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΡΡΠ»ΠΊΠΈ β ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ:
Tight pants next level keffiyeh you probably havenβt heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeneyβs fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeneyβs cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ΅ΡΡΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ: ΡΠ²Π΅ΡΡ Ρ, ΡΠΏΡΠ°Π²Π°, Π²Π½ΠΈΠ·Ρ ΠΈ Π²Π»Π΅Π²ΠΎ.
<button type="button" data-toggle="tooltip" data-placement="top" title="Tooltip on top"> Tooltip on top </button> <button type="button" data-toggle="tooltip" data-placement="right" title="Tooltip on right"> Tooltip on right </button> <button type="button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom"> Tooltip on bottom </button> <button type="button" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button>
Π Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΡΠ½ΠΎΠ³ΠΎ HTML:
<button type="button" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"> Tooltip with HTML </button>
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
ΠΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΏΠΎ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ, ΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΏΠΎΡΠ»Π΅ ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°-ΡΡΠΈΠ³Π³Π΅ΡΠ°.
ΠΠ°ΠΏΡΡΡΠΈΡΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠ΅ΡΠ΅Π· JavaScript:
$('#example').tooltip(options)
ΠΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Overflow
auto
ΠΈ scroll
ΠΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΏΡΡΠ°Π΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡΡ, Π΅ΡΠ»ΠΈ Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΏΠ΅ΡΠ΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ overflow: auto
ΠΈΠ»ΠΈ overflow: scroll
ΠΊΠ°ΠΊ Π½Π°Ρ .table-responsive
, Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠΎΡ
ΡΠ°Π½ΠΈΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ. ΠΠ»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° boundary
'scrollParent'
, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ 'window'
:$('#example').tooltip({ boundary: 'window' })
Π Π°Π·ΠΌΠ΅ΡΠΊΠ°
ΠΠ»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π»ΠΈΡΡ Π°ΡΡΠΈΠ±ΡΡ data
ΠΈ title
Π² ΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ HTML, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΎΡΠ½Π°ΡΡΠΈΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΎΠΉ. ΠΠ΅Π½Π΅ΡΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ β ΠΏΡΠΎΡΠ΅, Ρ
ΠΎΡΡ ΠΈ ΡΡΠ΅Π±ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ (ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ Π·Π°Π΄Π°Π΅ΡΡΡ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠΌ ΠΊΠ°ΠΊ top
).
Π Π°Π±ΠΎΡΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈ ΡΠ·Π΅ΡΠΎΠ² Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ
Π‘Π»Π΅Π΄ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π»ΠΈΡΡ Π² ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΠΎ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΠΊΠ°ΠΊ ΠΏΡΠΈΠ³ΠΎΠ΄Π½ΡΠ΅ Π΄Π»Ρ ΡΠΎΠΊΡΡΠΈΡΠΎΠ²ΠΊΠΈ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ (ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΡΡΠ»ΠΊΠΈ ΠΈΠ»ΠΈ ΠΎΡΠ³Π°Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΠΌ). Π₯ΠΎΡΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML (ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ <span>
) ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ½Π°ΡΡΠΈΡΡ ΡΠΎΠΉ ΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΡ β Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π°ΡΡΠΈΠ±ΡΡ tabindex="0"
β ΡΡΠΎ ΠΏΡΠΈΠ²Π½Π΅ΡΠ΅Ρ Π½Π°Π΄ΠΎΠ΅Π΄Π»ΠΈΠ²ΡΠ΅ Π±Π°Π³ΠΈ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ c Π½Π΅ βΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ. ΠΠ»ΡΡ β Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ Π½Π΅ ΠΎΠ±ΡΡΠ²Π»ΡΡΡ ΠΈ Π½Π΅ Π²ΠΈΠ΄ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π² ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π½Π΅ ΠΏΠΎΠ»Π°Π³Π°ΠΉΡΠ΅ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° hover
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΡΠΈΠ³Π³Π΅ΡΠ° Π΄Π»Ρ ΡΠ²ΠΎΠΈΡ
Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ
ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π½Π΅ Π±ΡΠ΄ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ.
<!-- HTML to write --> <a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a> <!-- Generated markup by the plugin --> <div role="tooltip"> <div></div> <div> Some tooltip text! </div> </div>
ΠΠ΅Π·Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ disabled
Π½Π΅ Π΅ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅, ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° (ΠΈΠ»ΠΈ ΠΏΠΎΠΏΠΎΠ²Π΅Ρ) Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡ ΠΏΡΠΈ ΡΠΎΠΊΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° Π½ΠΈΡ
ΡΠ·Π΅ΡΠΎΠ².
<div>
ΠΈΠ»ΠΈ <span>
, Π² ΠΈΠ΄Π΅Π°Π»Π΅ ΠΏΡΠΈΠ΄Π°Π² ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΎΠΊΡΡΠΈΡΠΎΠ²ΠΊΠΈ Ρ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ tabindex="0"
, ΠΈ Ρ.ΠΎ. ΠΏΡΠ΅ΠΎΠ΄ΠΎΠ»Π΅Π² ΡΠΎΠ±ΡΡΠΈΠ΅ pointer-events
Π² Π΄Π΅Π·Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
<span tabindex="0" data-toggle="tooltip" title="Disabled tooltip"> <button type="button" disabled>ΠΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ</button> </span>
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡ ΡΠ΅ΡΠ΅Π· Π°ΡΡΠΈΠ±ΡΡΡ ΠΈΠ»ΠΈ JavaScript. Π‘ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ: Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΊ
data-
, ΠΊΠ°ΠΊ Π² data-animation=""
.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΏΠΎ ΡΠΎΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ sanitize
, sanitizeFn
ΠΈ whiteList
Π½Π΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² Π΄Π°Π½Π½ΡΡ
.
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ | Π’ΠΈΠΏ | Π£ΠΌΠΎΠ»ΡΠ°Π½ΠΈΠ΅ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|---|---|
animation | boolean | true | ΠΡΠΈΠΌΠ΅Π½ΡΠ΅Ρ CSS-ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ΅ |
container | string | element | false | false |
ΠΠΎΠ±Π°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΠΊ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. container: 'body' . ΠΡΠ° ΠΎΠΏΡΠΈΡ ΠΏΠΎΠ»Π΅Π·Π½Π° Π² ΡΠΎΠΌ, ΡΡΠΎ Π² Β«ΠΏΠΎΡΠΎΠΊΠ΅Β» Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ Π΅Π΅ ΡΡΠΈΠ³Π³Π΅ΡΠΎΠΌ β ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΠΎΡ Β«ΡΠΏΠΎΠ»Π·Π°Π½ΠΈΡΒ» ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠΊΠ½Π°.
|
delay | number | object | 0 |
ΠΡΠΊΠ»Π°Π΄ΡΠ²Π°Π΅Ρ ΠΏΠΎΠΊΠ°Π· ΠΈ ΡΠΊΡΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ (ΠΌΡ) β Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ ΡΡΡΠ½ΠΎΠΌΡ ΡΠΈΠΏΡ ΡΡΠΈΠ³Π³Π΅ΡΠ° ΠΡΠ»ΠΈ ΡΠΈΡΡΠ° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ, Π·Π°Π΄Π΅ΡΠΆΠΊΠ° ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ ΠΎΠ±ΠΎΠΈΠΌ hide/show Π‘ΡΡΡΠΊΡΡΡΠ° ΠΎΠ±ΡΠ΅ΠΊΡΠ°: |
html | boolean | false |
ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΡΠ°Π²Π»ΡΡΡ HTML Π² ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ. ΠΡΠ»ΠΈ true, ΡΡΠ³ΠΈ HTML Π² ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ΅ΠΊΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡΠ΅ΡΡ ΠΎ XSS-Π°ΡΠ°ΠΊΠ°Ρ
. |
placement | string | function | βtopβ |
ΠΠ°ΠΊ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° β Π°Π²ΡΠΎ β Π²Π΅ΡΡ
β Π½ΠΈΠ· β Π»Π΅Π²ΠΎ β ΠΏΡΠ°Π²ΠΎ. auto , ΡΡΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠ΅ΡΠ΅ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΠ΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ.
ΠΠΎΠ³Π΄Π° ΡΡΠ½ΠΊΡΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΎΠ½Π° Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ Ρ ΡΠ·Π»ΠΎΠΌ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ DOM ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ Π°ΡΠ³ΡΠΌΠ΅Π½Ρ ΠΈ ΡΡΠΈΠ³Π³Π΅Ρ-ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ·Π»Π° DOM β ΠΊΠ°ΠΊ Π²ΡΠΎΡΠΎΠΉ. ΠΠΎΠ½ΡΠ΅ΠΊΡΡ |
selector | string | false | false | ΠΡΠ»ΠΈ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ Π·Π°Π΄Π°Π½, ΠΎΠ±ΡΠ΅ΠΊΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Π±ΡΠ΄ΡΡ Β«Π½Π°ΡΠ΅Π»Π΅Π½ΡΒ» Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Β«ΡΠ΅Π»ΠΈΒ». ΠΠ° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅ ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ HTML Π΄Π»Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠΏΠΎΠ²Π΅ΡΠΎΠ². Π‘ΠΌΠΎΡΡΠΈ ΡΡΠΎ ΠΈ Π΅ΡΠ΅. |
template | string | '<div role="tooltip"><div></div><div></div></div>' |
ΠΠ±ΡΡΠ½ΡΠΉ HTML Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ
ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΊΠ»Π°ΡΡΠ° Π‘Π°ΠΌΡΠΉ Π²Π½Π΅ΡΠ½ΠΈΠΉ ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅ΡΡ ΠΊΠ»Π°ΡΡ |
title | string | element | function | Β» |
ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π΅ΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΠΡΠ»ΠΈ ΡΡΠ½ΠΊΡΠΈΡ Π·Π°Π΄Π°Π½Π°, ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ Π²ΡΠ·ΡΠ²Π°ΡΡΡΡ Ρ Π΅Π΅ Π½Π°Π±ΠΎΡΠΎΠΌ |
trigger | string | βhover focusβ |
ΠΠ°Π΄Π°Π΅Ρ, ΠΊΠ°ΠΊ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° β click | hover | focus | manual. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°Π·Π½Π°ΡΠΈΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΈΠ³Π³Π΅ΡΠΎΠ², ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅ ΠΈΡ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠΌ.
|
offset | number | string | 0 | ΠΡΡΡΡΠΏ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π΅Π΅ Β«ΡΠ΅Π»ΠΈΒ». ΠΠ»Ρ Π±ΠΎΠ»ΡΡΠ΅ΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈΠ΄ΠΈ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΎΡΡΡΡΠΏΠΎΠ² Popper.js. |
fallbackPlacement | string | array | βflipβ | ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π·Π°Π΄Π°ΡΡ, ΠΊΠ°ΠΊΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ Popper.js Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈ Β«ΠΎΡΠΊΠ°ΡΠ΅Β». ΠΠ»Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ β ΡΡΠ΄Π°. |
boundary | string | element | βscrollParentβ | ΠΡΠ°Π½ΠΈΡΠ° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ overflow ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.![]() 'viewport' , 'window' , 'scrollParent' ΠΈΠ»ΠΈ ΠΎΡΡΡΠ»ΠΊΡ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML (ΡΠΎΠ»ΡΠΊΠΎ Π² JavaScript). ΠΠ»Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ β Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΏΠΎ preventOverflow docs. |
sanitize | boolean | true | ΠΠΊΠ»ΡΡΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΡΠ°Π½Π°ΡΠΈΡ. ΠΡΠ»ΠΈ Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½Ρ 'template' ΠΈ 'title' , ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ Π±ΡΠ΄ΡΡ ΠΎΡΠΈΡΠ΅Π½Ρ. |
whiteList | object | Default value | ΠΠ±ΡΠ΅ΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π΄ΠΎΠΏΡΡΡΠΈΠΌΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΠΈ ΡΠ΅Π³ΠΈ |
sanitizeFn | null | function | null | ΠΠ΄Π΅ΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΎΡΠΈΡΡΠΊΠΈ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π΄Π»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΎΡΠΈΡΡΠΊΠΈ. |
popperConfig | null | object | null | Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΡ Popper.![]() |
ΠΠ΅ΡΠΎΠ΄Ρ
ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ
ΠΡΠ΅ ΠΌΠ΅ΡΠΎΠ΄Ρ API Π°ΡΠΈΠ½Ρ ΡΠΎΠ½Π½Ρ ΠΈ Π·Π°ΠΏΡΡΠΊΠ°ΡΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄. ΠΠ½ΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ ΡΡΠ½ΠΊΡΠΈΠΈ, Π²ΡΠ·Π²Π°Π²ΡΠ΅ΠΉ ΠΈΡ , Ρ Π½Π°ΡΠ°Π»ΠΎΠΌ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°, Π½ΠΎ Π΄ΠΎ Π΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ°. ΠΠ»ΡΡ, Π²ΡΠ·ΠΎΠ² ΠΌΠ΅ΡΠΎΠ΄Π° ΠΊ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, Π²ΡΠΏΠΎΠ»Π½ΡΡΡΠ΅ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄, Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΠ³Π½ΠΎΡΠΈΡΠΎΠ²Π°Π½.
Π‘ΠΌΠΎΡΡΠΈΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ.
$().tooltip(options)
ΠΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΠ΅Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΊ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
.tooltip('show')
ΠΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΡΠ½ΠΊΡΠΈΠΈ-Π²ΡΠ·ΠΎΠ²Ρ Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ (Ρ.Π΅. Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΡΠΎΠ±ΡΡΠΈΠ΅ shown.bs.tooltip
). Π Π°ΡΡΠ΅Π½ΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ Β«ΠΌΠ°Π½ΡΠ°Π»ΡΠ½ΡΠΉΒ» Π·Π°ΠΏΡΡΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ. ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Ρ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Π½ΡΠ»Π΅Π²ΠΎΠΉ Π΄Π»ΠΈΠ½Ρ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ.
$('#element').tooltip('show')
.tooltip('hide')
Π‘ΠΊΡΡΠ²Π°Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΡΠ½ΠΊΡΠΈΠΈ-Π²ΡΠ·ΠΎΠ²Ρ Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΊΡΡΡ (Ρ.Π΅. Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΡΠΎΠ±ΡΡΠΈΠ΅ hidden.bs.tooltip
). ΠΡΠΎ ΡΠ°ΡΡΠ΅Π½ΠΈΠ²Π°Π΅ΡΡΡ Β«ΠΌΠ°Π½ΡΠ°Π»ΡΠ½ΡΠΌΒ» Π·Π°ΠΏΡΡΠΊΠΎΠΌ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.
$('#element').tooltip('hide')
.tooltip('toggle')
ΠΠ·ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΡΠ½ΠΊΡΠΈΠΈ-Π²ΡΠ·ΠΎΠ²Ρ Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ ΠΈΠ»ΠΈ ΡΠΊΡΡΡ (Ρ.Π΅. Π΄ΠΎ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ±ΡΡΠΈΡ shown.bs.tooltip
or hidden.bs.tooltip
Π½Π°ΡΡΡΠΏΡΡ). Π Π°ΡΡΠ΅Π½ΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊ Β«ΠΌΠ°Π½ΡΠ°Π»ΡΠ½ΡΠΉΒ» Π·Π°ΠΏΡΡΠΊ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.
$('#element').tooltip('toggle')
.tooltip('dispose')
ΠΡΡΡΠ΅Ρ ΠΈ ΡΠ½ΠΈΡΡΠΎΠΆΠ°Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Β«Π΄Π΅Π»Π΅Π³ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅Β» (ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ° Β«ΡΠ΅Π»Π΅ΠΊΡΠΎΡΒ»
), Π½Π΅Π»ΡΠ·Ρ ΡΠ½ΠΈΡΡΠΎΠΆΠΈΡΡ ΠΏΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΡΡΠΈ Π½Π° Β«ΠΏΠΎΠ΄ΡΠΈΠ½Π΅Π½Π½ΡΡ
Β» ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ
-ΡΡΠΈΠ³Π³Π΅ΡΠ°Ρ
.
$('#element').tooltip('dispose')
.tooltip('enable')
ΠΠ°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ. ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ.
$('#element').tooltip('enable')
.tooltip('disable')
ΠΠΈΡΠ°Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π±ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ. ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΡΠΏΠ½Π° ΠΊ ΠΏΠΎΠΊΠ°Π·Ρ ΡΠΎΠ»ΡΠΊΠΎ Π΅ΡΠ»ΠΈ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ ΡΠ΅-Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½Π°.
$('#element').tooltip('disable')
.tooltip('toggleEnabled')
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π±ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠΉ ΠΈΠ»ΠΈ ΡΠΊΡΡΡΠΎΠΉ.
$('#element').tooltip('toggleEnabled')
.tooltip('update')
ΠΠ±Π½ΠΎΠ²Π»ΡΠ΅Ρ ΠΏΠΎΠ·ΠΈΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
$('#element').tooltip('update')
Π‘ΠΎΠ±ΡΡΠΈΡ
Π’ΠΈΠΏ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
show.![]() |
ΠΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΌΠ΅ΡΠΎΠ΄Π° show Π²ΡΠ·Π²Π°Π½. |
shown.bs.tooltip | ΠΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΡΡΠ°Π»Π° Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΡΠ·Π΅ΡΡ (Π±ΡΠ΄Π΅Ρ ΠΆΠ΄Π°ΡΡ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² CSS). |
hide.bs.tooltip | ΠΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡ ΠΌΠ΅ΡΠΎΠ΄Π° hide Π²ΡΠ·Π²Π°Π½. |
hidden.bs.tooltip | ΠΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΠΏΡΠ΅ΠΊΡΠ°ΡΠΈΠ»Π° Π±ΡΡΡ ΡΠΊΡΡΡΠΎΠΉ ΠΎΡ ΡΠ·Π΅ΡΠ° (Π±ΡΠ΄Π΅Ρ ΠΆΠ΄Π°ΡΡ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² CSS). |
inserted.bs.tooltip | ΠΡΠΎ ΡΠΎΠ±ΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΏΠ°Π΅Ρ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ±ΡΡΠΈΡ show.bs.tooltip , ΠΊΠΎΠ³Π΄Π° ΡΠ°Π±Π»ΠΎΠ½ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ Π² DOM. |
$('#myTooltip').on('hidden.bs.tooltip', function () { // do something⦠})
ΠΠΎΠ²Π°Ρ ΡΠ΅ΠΌΠ° ΠΈ Π½ΠΎΠ²ΡΠ΅ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ Π² jQuery Mobile 1.4
WinAx
jQuery Mobile 1.4 Release Candidate 1 ΡΠΆΠ΅ Π΄ΠΎΡΡΡΠΏΠ΅Π½. ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π² ΡΡΠΎΠΉ Π½ΠΎΠ²ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΡΠ΄Π΅Π»ΡΠ΅ΡΡΡ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΡ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ. Π Π½Π΅ΠΌ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ΄ΠΆΠ΅ΡΠΎΠ² ΠΈ ΡΠΊΡΠ°Π½Π½ΠΎΠΉ ΠΌΠ΅Π±Π΅Π»ΠΈ, Π½ΠΎΠ²Π°Ρ ΡΠ΅ΠΌΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈ Π·Π½Π°ΡΠΊΠΈ SVG.
Π ΠΏΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡΡ ΠΊ Π²ΡΠΏΡΡΠΊΡ jQuery Mobile 1.4 Beta ΠΎΠ±ΡΡΡΠ½ΡΠ΅ΡΡΡ, ΡΡΠΎ Π² ΡΡΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ Ρ DOM Π±ΡΠ»ΠΈ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΡΠΎΠΊΡΠ°ΡΠ΅Π½Ρ. ΠΠ΅Π½Π΅ΡΠ°ΡΠΈΡ Π²Π½ΡΡΡΠ΅Π½Π½Π΅ΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΡ ΠΏΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π±ΡΠ»Π° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΡΠ΄Π°Π»Π΅Π½Π°, ΠΈ ΠΎΠ½ΠΈ ΠΈΠ·Π±Π΅Π³Π°Π»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ².
Π ΡΡΠΎΠΌ Π²ΡΠΏΡΡΠΊΠ΅ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π° Π½ΠΎΠ²Π°Ρ ΡΠ΅ΠΌΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Ρ ΠΏΠ»ΠΎΡΠΊΠΈΠΌ, Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π²ΡΠ΅Π³ΠΎ Π΄Π²Π° ΠΎΠ±ΡΠ°Π·ΡΠ° β ΡΠ²Π΅ΡΠ»ΡΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ Β«AΒ» ΠΈ ΡΠ΅ΠΌΠ½ΡΠΉ ΠΎΠ±ΡΠ°Π·Π΅Ρ Β«BΒ», ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π·Π΄Π΅ΡΡ:
Π’Π°ΠΊΠΆΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΡΡ ΡΠΏΠΎΡΠΎΠ± ΡΠ°Π±ΠΎΡΡ Π½Π°ΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΌ. Π ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ
Π²Π΅ΡΡΠΈΡΡ
JavaScript ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΡΡ Π΄Π»Ρ ΠΏΠΎΠΈΡΠΊΠ° Π±Π»ΠΈΠΆΠ°ΠΉΡΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ ΡΠ΅ΠΌΠΎΠΉ, ΠΈ ΠΊΠ»Π°ΡΡΡ ΡΠ΅ΠΌ Π±ΡΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ. ΠΡΠΎ Π±ΡΠ»ΠΎ Π·Π°ΠΌΠ΅Π½Π΅Π½ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° ΡΠΈΡΡΠΎΠΌ CSS, Π³Π΄Π΅ ΡΡΠΎΠ²Π΅Π½Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ½ΠΎΡΡΠΈ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΠΊΠ°ΠΊΠ°Ρ ΡΠ΅ΠΌΠ° (ΠΎΠ±ΡΠ°Π·Π΅Ρ) ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ. ΠΠΎΡΡΠΈ Π²ΠΎ Π²ΡΠ΅Ρ
ΡΠ»ΡΡΠ°ΡΡ
ΡΡΠ°Π½Π΄Π°ΡΡΠ½Π°Ρ ΡΠ΅ΠΌΠ° Π΄Π»Ρ ΠΎΠΏΡΠΈΠΈ Π±ΡΠ»Π° ΡΠ΄Π°Π»Π΅Π½Π°, ΠΈ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΡΡ ΠΆΠ΅ ΡΠ΅ΠΌΡ, ΡΡΠΎ ΠΈ ΠΈΡ
ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ ΠΈΠ»ΠΈ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠ΅ΡΠ΅Π· CSS.
Π Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Π½ΠΎΠ²ΠΎΠΉ ΡΠ΅ΠΌΠ΅ Π΅ΡΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π½ΠΎΠ²ΡΠΉ Π½Π°Π±ΠΎΡ Π²Π΅ΠΊΡΠΎΡΠ½ΡΡ Π·Π½Π°ΡΠΊΠΎΠ² SVG ΠΎΡ Glyphish, Ρ ΠΎΡΡ Π²ΡΠ΅ Π΅ΡΠ΅ Π΅ΡΡΡ Π·Π°ΠΏΠ°ΡΠ½ΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ Π΄Π»Ρ Π²Π½Π΅ΡΠ½ΠΈΡ Π·Π½Π°ΡΠΊΠΎΠ² PNG Π΄Π»Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ SVG ΡΠ΅ΡΠ΅Π· Grunticon.
ΠΠΎΠ²ΡΠ΅ Π²ΠΈΠ΄ΠΆΠ΅ΡΡ β Π²Π°ΠΆΠ½Π°Ρ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ Π²ΡΠΏΡΡΠΊΠ°. Π’Π΅ΠΏΠ΅ΡΡ Π΅ΡΡΡ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ, ΠΎΠ±ΡΠΈΠΉ Π²ΠΈΠ΄ΠΆΠ΅Ρ ΡΠΈΠ»ΡΡΡΠ° Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ Β«ΡΠΈΠ»ΡΡΡΡΠ΅ΠΌΡΠΉΒ», ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ» ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΠΎΠ²Π°Π½ Π²ΠΈΠ΄ΠΆΠ΅Ρ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈΠ· ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° jQuery. ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΎΠΊΠ½Π° ΡΠΎ ΡΡΡΠ΅Π»ΠΊΠ°ΠΌΠΈ, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π»Ρ ΠΏΠΎΠ»Π·ΡΠ½ΠΊΠΎΠ², ΡΠ»ΡΡΡΠ΅Π½ΠΈΡ ΠΏΠ°Π½Π΅Π»Π΅ΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΡΠ΅Π½ΡΠΎΡΠ½ΡΠ΅ ΡΠΎΠ±ΡΡΠΈΡ Ρ ΠΌΠ΅ΡΠΎΠ΄Π°ΠΌΠΈ ΡΠ°Π·ΡΡΠ²Π° ΡΠ°ΠΊΠΆΠ΅ Π²Ρ ΠΎΠ΄ΡΡ Π² ΡΠΈΡΠ»ΠΎ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌΡΡ ΡΠ»ΡΡΡΠ΅Π½ΠΈΠΉ.
ΠΠΎΠ½ΡΠ°Π²ΠΈΠ»ΠΎΡΡ ΡΡΠΎ:
ΠΡΠ°Π²ΠΈΡΡΡ ΠΠ°Π³ΡΡΠ·ΠΊΠ°β¦
Categories: MobileCategories
β’ .NET [264]
β’ 3D ΠΠ°ΡΡΠΈΠΊΠΈ [64]
β’ Android [258]
β’ Apple/iOS [72]
β’ AR/VR [44]
β’ Art [35]
β’ C/C++ [37]
β’ ePub [62]
β’ Google [14]
β’ HTML/CSS [22]
β’ Java [205]
β’ JavaScript [297]
β’ Mobile [435]
β’ Open Source [301]
β’ Perl [17]
β’ Python [106]
β’ Windows [151]
β’ ΠΠ»Π³ΠΎΡΠΈΡΠΌΡ [59]
β’ ΠΠ°Π·Ρ Π΄Π°Π½Π½ΡΡ [361]
β’ ΠΠ΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ [213]
β’ ΠΠΈΠ·Π½Π΅Ρ [502]
β’ ΠΠΎΠ»ΡΡΠΈΠ΅ Π΄Π°Π½Π½ΡΠ΅ [198]
β’ ΠΡΠ°ΡΠ·Π΅ΡΡ [202]
β’ ΠΠΎΠΉΠ½Π° Π² Π£ΠΊΡΠ°ΠΈΠ½Π΅ [1182]
β’ ΠΡΡΠ³ΠΎΠ΅ [329]
β’ ΠΠ΅Π»Π΅Π·ΠΎ [353]
β’ ΠΠ³ΡΡ [215]
β’ ΠΠ [576]
β’ ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ [385]
β’ ΠΠ°ΡΡΠΎΠ³ΡΠ°ΡΠΈΡ & GIS [60]
β’ ΠΠΎΡΠΌΠΎΡ [32]
β’ ΠΡΠ»ΡΡΡΡΠ°, Π‘ΠΠ [78]
β’ ΠΠ΅ΡΠΎΠ΄ΠΎΠ»ΠΎΠ³ΠΈΡ [22]
β’ ΠΠ°ΡΠ»Π΅Π΄ΠΈΠ΅ [312]
β’ ΠΠ±Π»Π°ΡΠ½ΡΠ΅ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ [197]
β’ ΠΠ±ΡΡΠ΅Π½ΠΈΠ΅ ΠΈ ΠΊΠ°ΡΡΠ΅ΡΠ° [569]
β’ ΠΠ‘ [98]
β’ ΠΡΠΎΠ΅ΠΊΡΡ [13]
β’ ΠΡΠΎΡΠΈ [396]
β’ Π ΠΎΠ±ΠΎΡΠΎΡΠ΅Ρ Π½ΠΈΠΊΠ° [292]
β’ Π‘Π°ΠΉΡ [18]
β’ Π‘ΠΎΡΠ΅Π²Π½ΠΎΠ²Π°Π½ΠΈΡ & Π₯Π°ΠΊΠ°ΡΠΎΠ½ [213]
β’ Π‘ΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ [42]
β’ Π’Π΅ΠΎΡΠΈΡ [149]
β’ Π’Π΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ [1442]
β’ Π€ΠΎΡΠΎ [76]
β’ Π€ΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΈ [18]
β’ Π―Π·ΡΠΊΠΈ [444]
RANDOM POSTS
ΠΠ»Π°Π³ΠΈΠ½Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ jQuery β Π‘ΡΡΠ°Π½ΠΈΡΠ° 1
ΠΠ°Π³ΡΡΠ·ΠΈΡΠ΅ ΠΏΡΠΎΡΡΡΠ΅ ΠΈ ΡΡΠΈΠ»ΡΠ½ΡΠ΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ
ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ jQuery Π² ΡΠ°Π·Π΄Π΅Π»Π΅ jQueryScript Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ. Π‘ΡΡΠ°Π½ΠΈΡΠ° 1 .
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠ΅Π³ΠΊΠΈΠΉ, ΠΏΡΠΎΡΡΠΎΠΉ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΈΠ·ΡΡΠ½ΠΎ Π΄Π΅Π³ΡΠ°Π΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π°Π½Π½ΡΡ .
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
hint-css.js β ΡΡΠΎ jQuery-Π²Π΅ΡΡΠΈΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ Hint.css, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΠ»Π°ΡΡΠ½ΡΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π»Ρ Π»ΡΠ±ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
mb.balloon β ΡΡΠΎ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ Π½ΠΎΠ²ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ
ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ/Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΎΠΊΠ½Π°/ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΌ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° Π»ΡΠ±ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ DOM.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
Zebra_Tooltips β ΡΡΠΎ Π»Π΅Π³ΠΊΠΈΠΉ, Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΈ ΠΊΡΠΎΡΡ-Π±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΡΡ , Π½ΠΎ ΠΈΠ½ΡΠ΅Π»Π»Π΅ΠΊΡΡΠ°Π»ΡΠ½ΡΡ ΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Ρ ΠΏΡΠΈΡΡΠ½ΡΠΌΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π°ΠΌΠΈ ΠΈ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠΎΡΠ΅ΡΠ½ΡΠΉ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΡΠ°ΡΠΈΠ²ΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡ Π·Π° ΠΊΡΡΡΠΎΡΠΎΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠ΅Π³ΠΊΠΈΠΉ ΠΈ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jQuery Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΎΠΊΠ½Π° Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠΈΡΡ ΠΊ Π»ΡΠ±ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ DOM Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅.
- ΠΠ΅ΠΌΠΎΠΠ°Π³ΡΡΠ·ΠΈΡΡ
ΠΡΠΎΡΡΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Tooltip Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΡΠ°ΡΠΈΠ²ΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Π² ΡΡΠΈΠ»Π΅ Facebook Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π°ΡΡΠΈΠ±ΡΡΠ° title ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
Tooltipster β ΡΡΠΎ ΡΠΈΡΡΡΠΉ ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Tooltip Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ Π³ΠΈΠ±ΠΊΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΎΠΉ HTML5.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π΄Π»Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² alt ΠΈΠ»ΠΈ title, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ΅Π³Π΄Π° ΡΠ»Π΅Π΄ΡΡΡ Π·Π° ΠΊΡΡΡΠΎΡΠΎΠΌ ΠΏΡΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ ΠΌΡΡΠΈ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
Π§ΡΠ΅Π·Π²ΡΡΠ°ΠΉΠ½ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ (ΠΌΠ΅Π½Π΅Π΅ 1 ΠΠ) ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΠ΄Π΅Π»ΡΡΡ Π»ΡΠ±ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅ΡΠΌΠΈΠ½ΠΎΠ² Π² ΡΠ΅ΠΊΡΡΠ΅ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery Π΄Π»Ρ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ , Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ ΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΎΠΊΠΎΠ½ Ρ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ ΡΠ΅Π»ΡΠΊΠ΅ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ HTML.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
powertip β ΡΡΠΎ Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΎΠΊ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠΎ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ jQuery/CSS Π΄Π»Ρ Bootstrap 4 ΠΈ Bootstrap 3, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ (ΠΊΠ»Π°ΡΡΡ) ΠΊ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΌ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠΌ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°ΠΌ Bootstrap.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠ΅Π³ΠΊΠΈΠΉ, Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠΉ, ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΡΠΏΡΠ°Π²ΠΊΠΈ, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ²Π΅Π΄Π΅Π½ΠΈΠΉ ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ΅ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎΠ± ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠΎΡΠ΅ΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Π² ΡΡΠΈΠ»Π΅ Bootstrap ΠΊ Π»ΡΠ±ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ Π²ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΈΠ½ΡΡΠ°ΡΡΡΡΠΊΡΡΡΡ Bootstrap.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΡΡΠ΄ΠΎΠΌ Ρ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΠΉ ΠΌΠΎΠ΄ΡΠ»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ Π½Π°
ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΠ΅Ρ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΌΠΎΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π² ΡΡΠΈΠ»Π΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
jBox β ΡΡΠΎ Π³ΠΈΠ±ΠΊΠΈΠΉ, ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠΉ, Π½Π°Π΄Π΅ΠΆΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΠΈΡΠΎΠΊΠΎΠ³ΠΎ ΡΠΏΠ΅ΠΊΡΡΠ° Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΡ ΠΎΠΊΠΎΠ½ Π½Π° Π²Π°ΡΠ΅ΠΉ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠΈΡΡΠ΄Π»ΠΈΠ²ΡΠΉ ΠΊΡΠΎΡΡΠ±ΡΠ°ΡΠ·Π΅ΡΠ½ΡΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ Π΄Π»Ρ jQuery, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ° alt ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°.
- ΠΠ΅ΠΌΠΎΠ‘ΠΊΠ°ΡΠ°ΡΡ
ΠΡΠΎΡΡΠΎΠΉ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Ρ ΡΠΈΡΠΎΠΊΠΈΠΌΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ HTML Π²ΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΌ ΠΎΠΊΠ½Π΅ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ.
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ
- ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ
Π ΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Π΄Π»Ρ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΡ ΠΈ ΡΡΠΏΠ΅Ρ-ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π±Π΅Π· ΠΊΠΎΠ΄Π°
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ Β«ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ jqueryΒ», Π²Ρ Π»ΠΈΠ±ΠΎ Ρ
ΠΎΡΠΈΡΠ΅ Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, Π»ΠΈΠ±ΠΎ Ρ
ΠΎΡΠΈΡΠ΅ Π·Π½Π°ΡΡ, ΡΡΠΎ ΡΡΠΎ, ΡΠ΅ΡΡ Π²ΠΎΠ·ΡΠΌΠΈ, ΡΠ°ΠΊΠΎΠ΅.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery?
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery: ΡΠ»ΡΠ³ΠΈ UX
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery: Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ°ΡΠΈΠΊΠ°
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery ΠΈ DAP
Π ΠΈΡΠΎΠ³Π΅
Π Π»ΡΠ±ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Ρ Π½Π°Ρ Π΅ΡΡΡ Π΄Π»Ρ Π²Π°Ρ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. ΠΡ Π½Π°ΡΠ½Π΅ΠΌ Ρ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΡ, ΡΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅, Π° Π·Π°ΠΊΠΎΠ½ΡΠΈΠΌ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery?
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° β ΡΡΠΎ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° Π»ΡΠ±ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ β Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π·Π½Π°ΡΠΎΠΊ ΠΈΠ»ΠΈ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΡ β Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»ΡΡΡ ΠΊ Π»ΡΠ±ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. ΠΠΎΠ³Π΄Π° Π²Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π°ΡΡΠΈΠ±ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π² ΠΌΠ°Π»Π΅Π½ΡΠΊΠΎΠΌ ΠΏΠΎΠ»Π΅ ΡΡΠ΄ΠΎΠΌ Ρ Π½ΠΈΠΌ.
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery Π²Π΅Π΄Π΅Ρ ΡΠ΅Π±Ρ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½Π°Ρ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΈΠ»ΠΈΠ·ΠΎΠ²Π°ΡΡ. (Π’Π΅ΠΌΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ThemeRoller, ΡΠ°ΠΊΠΆΠ΅ ΡΡΠΈΠ»ΠΈΠ·ΡΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.)
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΏΠΎΠ»Π΅Π·Π½Ρ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΡΠ°Π»ΡΠ½ΡΠΌ, ΡΠ΅Π»Π΅Π²Π°Π½ΡΠ½ΡΠΌ ΠΈ Π½Π΅Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΡΠΎΡΠΌΡ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ, ΠΏΠΎΡΠ΅ΠΌΡ Π²Ρ Π·Π°ΠΏΡΠ°ΡΠΈΠ²Π°Π΅ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊ ΠΈΡ
Π΄Π°Π½Π½ΡΠ΅ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ.
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery: ΡΠ»ΡΠ³ΠΈ UX
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΎΠΏΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΏΡΠΎΡΡΠΎΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. ΠΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ³ΠΎ, ΡΠ΅ΡΡ ΠΈΠ΄Π΅Ρ ΠΎΠ± ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½ΠΈΠΈ ΠΏΡΡΠΈ ΠΊ ΠΏΠΎΠΊΡΠΏΠΊΠ΅ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠΈ ΡΠ°Π½ΡΠ°ΡΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ° Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΡΡΠ°ΠΏΠ΅ ΠΏΡΡΠΈ.
ΠΡΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ
ΠΎΠΆΠ΅ Π½Π° ΡΠ°Π±ΠΎΡΡ ΡΠ»ΡΠ³ΠΈ.
Π ΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ»ΡΠ³ΠΈ Π±ΡΠ»ΠΈ ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ Π²ΡΡΡΠ΅Π³ΠΎ ΠΊΠ»Π°ΡΡΠ°, ΡΠ°ΠΌΡΠ΅ Π»ΡΡΡΠΈΠ΅ Π»Π°ΠΊΠ΅ΠΈ, Π³ΠΎΡΠ½ΠΈΡΠ½ΡΠ΅ ΠΈ Π΄Π²ΠΎΡΠ΅ΡΠΊΠΈΠ΅ ΠΎΠ±Π»Π΅Π³ΡΠ°Π»ΠΈ ΠΈ ΡΠ»ΡΡΡΠ°Π»ΠΈ ΠΆΠΈΠ·Π½Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ Ρ
ΠΎΠ·ΡΠΈΠ½Π° ΠΈΠ»ΠΈ Ρ
ΠΎΠ·ΡΠΉΠΊΠΈ.
ΠΡ Π΄Π°ΠΆΠ΅ Π½Π΅ Π·Π½Π°Π»ΠΈ, ΡΡΠΎ ΠΎΠ½ΠΈ ΡΠ°ΠΌ Π΅ΡΡΡ, Π½ΠΎ Π±Π΅Π· Π½ΠΈΡ
ΠΎΠΏΡΡ Π±ΡΠ» Π±Ρ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΅ ΠΏΡΠΈΡΡΠ½ΡΠΌ, ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΠΈΠ»ΠΈ Π»Π΅Π³ΠΊΠΈΠΌ.
ΠΡΡΡΠΈΠ΅ ΡΠ»ΡΠ³ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠΎΠ±ΡΠ°Π»ΠΈ ΡΠ²ΠΎΠΈΠΌ Ρ
ΠΎΠ·ΡΠ΅Π²Π°ΠΌ ΠΈΠ»ΠΈ Ρ
ΠΎΠ·ΡΠΉΠΊΠ°ΠΌ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠ°Π±ΠΎΡΠ΅ Π΄ΠΎΠΌΠ°. Π’Π°ΠΊΠΈΠ΅ Π²Π΅ΡΠΈ, ΠΊΠ°ΠΊ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ Π΄ΡΡΠ³ΠΈΠΌ ΠΏΠ΅ΡΡΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ Π΄Π°ΠΆΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± ΠΈΡ
Π°ΡΠΈΡΡΠΎΠΊΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ
Π³ΠΎΡΡΡΡ
, ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°Π»ΠΈΡΡ ΠΎΡ ΡΠ»ΡΠ³ΠΈ ΠΊ ΡΠ»ΡΠ³Π΅.
Π’ΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΡΠ»ΡΠ³ΠΈ ΡΠ°ΡΡΠΎ ΠΎΠ»ΠΈΡΠ΅ΡΠ²ΠΎΡΡΠ»ΠΈ ΡΠ΅Π½Π½ΠΎΡΡΠΈ Π΄ΠΎΠΌΠΎΠ², Π² ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ΠΈ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΡΠ΅ΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΌΠΈ. ΠΡΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠΈΠ΅ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jquery.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery: ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ°ΡΠΈΠΊΠΎΠΌ
ΠΠ»Ρ ΡΠ΅Ρ
ΠΈΠ· Π²Π°Ρ, ΠΊΡΠΎ Π½Π΅ ΡΠΌΠΎΡΡΠ΅Π» Β«ΠΠ±Π±Π°ΡΡΡΠ²ΠΎ ΠΠ°ΡΠ½ΡΠΎΠ½Β» ΠΈ Π½Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΠ΅Ρ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ ΡΠΎ ΡΠ»ΡΠ³Π°ΠΌΠΈ, Π²ΠΎΡ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠΏΠΎΡΠΎΠ± Π²Π·Π³Π»ΡΠ½ΡΡΡ Π½Π° Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ jquery.
Π Π°ΡΠ°ΡΠ»Ρ ΠΠΊΡΡΡΡΠ½ Π³ΠΎΠ²ΠΎΡΠΈΡ: Β«ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅ ΡΠ΅Π±Π΅ ΡΠ»ΠΈΡΡ, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΠΠΠΠΠΠ₯ Π·Π½Π°ΠΊΠΎΠ² Π½Π΅Ρ. ΠΠ½ΠΎΠ³ΠΎ Π»ΡΠ΄Π΅ΠΉ, ΠΌΠ°ΡΠΈΠ½, Π°Π²ΡΠΎΠ±ΡΡΠΎΠ², Π²Π΅Π»ΠΎΡΠΈΠΏΠ΅Π΄ΠΎΠ². ΠΠΎ ΠΠΠ’ Π΄ΠΎΡΠΎΠΆΠ½ΡΡ Π·Π½Π°ΠΊΠΎΠ². ΠΡΠΈΡΠ°Ρ ββΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΈ Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΠΈ. ΠΠΎΠ»Π½ΡΠΉ Ρ Π°ΠΎΡβ¦.
Β«ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΡ ΠΎΠΆΠ΅ Π½Π° ΡΠ»ΠΈΡΡ, Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ β Π½Π° ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² ΠΈ Π²ΠΎΠ΄ΠΈΡΠ΅Π»Π΅ΠΉ. ΠΠΎΠ³Π΄Π° Π½Π° ΡΠ»ΠΈΡΠ΅ Π½Π΅Ρ Π΄ΠΎΡΠΎΠΆΠ½ΡΡ Π·Π½Π°ΠΊΠΎΠ², Π²Π΅Π»ΠΈΠΊΠ° Π²Π΅ΡΠΎΡΡΠ½ΠΎΡΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΠΏΡΠΎΠ±ΠΊΠ°Β».
Π ΡΠΈΡΡΠΎΠ²ΠΎΠΌ ΠΌΠΈΡΠ΅ ΡΡΠ° ΠΏΡΠΎΠ±ΠΊΠ° Π²ΡΠ·ΠΎΠ²Π΅Ρ ΡΠ°Π·ΠΎΡΠ°ΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΏΠΎΡΠ΅ΡΡ ΠΈΠΌΠΏΡΠ»ΡΡΠ° ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΎΡΡΠΎΠΊ.
ΠΠΆΠ°ΡΡΠΈΠ½ ΠΠ°Π°Π± ΠΏΠΈΡΠ΅Ρ Π² Π±Π»ΠΎΠ³Π΅ WalkMe: Β«ΠΡ Π½Π΅ ΠΏΡΠΈΠ½ΠΎΡΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·Ρ Π½ΠΈ ΡΠ΅Π±Π΅, Π½ΠΈ ΡΠ²ΠΎΠΈΠΌ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌ, Π½ΠΈ ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΡ ΠΏΡΠΈΠ½ΡΡΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ, Π½ΠΈ ΡΠ²ΠΎΠ΅ΠΌΡ Π±ΠΈΠ·Π½Π΅ΡΡ, ΡΡΠ»ΠΎΠΆΠ½ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ.
Β«ΠΠ»Ρ Π²Π°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π»ΡΡΡΠ΅ ΡΠΎΠΊΡΠ°ΡΠΈΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΌΠ°ΡΡΡΡΡΠ° β ΠΈ ΠΎΠ±Π»Π΅Π³ΡΠΈΡΡ ΠΈΠΌ Π²ΡΠ±ΠΎΡΒ».
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Jquery ΠΈ DAP
Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ°ΡΠΈΠΊΠΎΠΌ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ
ΠΎΠΆΠ΅ Π½Π° Π²Π½Π΅Π΄ΡΠ΅Π½ΠΈΠ΅ ΡΠΈΡΡΠΎΠ²ΡΡ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π²Π°ΠΌ Π½Π΅ ΠΊΠ°ΠΆΠ΅ΡΡΡ? ΠΠ½Π΅Π΄ΡΠ΅Π½ΠΈΠ΅ ΡΠΈΡΡΠΎΠ²ΡΡ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ β ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΈΡΡΠΎΠ²ΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠ°ΠΊ ΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΈ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎ, ΠΊΠ°ΠΊ Π΄ΡΡΠ°ΡΡ.
Π’Π°ΠΊ ΡΡΠΎ Π½Π΅ ΡΠ΄ΠΈΠ²Π»ΡΠΉΡΠ΅ΡΡ, ΡΠ·Π½Π°Π², ΡΡΠΎ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΠ½ΠΊΡΠΈΠ΅ΠΉ ΠΠ»Π°ΡΡΠΎΡΠΌΡ ΡΠΈΡΡΠΎΠ²ΠΎΠ³ΠΎ Π²Π½Π΅Π΄ΡΠ΅Π½ΠΈΡ (DAP).
ΠΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ ΠΎ DAP, ΠΏΠΎΡΡΠΎΠΌΡ, Π΅ΡΠ»ΠΈ Π²Ρ Π½ΠΎΠ²ΠΈΡΠΎΠΊ Π² Π±Π»ΠΎΠ³Π΅, ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅, ΡΡΠΎ ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.
ΠΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery, ΠΊΠ°ΠΊ ΠΈ DAP, ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΡΡΠΎΠ²Π΅Π½Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΠΈ ΠΈΠ»ΠΈ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ. ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ , Π² ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ jquery , Π²Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π±ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ DAP.
Π ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ ΠΎΠ±ΡΡΡΠ½ΡΠ΅ΡΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ jquery Π½Π° ΡΠ²ΠΎΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ.
ΠΡΠ»ΠΈ, ΠΊΠ°ΠΊ ΠΈ ΠΌΡ, Π²Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°Π΅ΡΠ΅ ΡΠΈΡΠ°ΡΡ ΡΠ»ΠΎΠ²Π°, Π° Π½Π΅ ΠΊΠΎΠ΄, Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π½Π΅ Π΄Π»Ρ Π²Π°Ρ. ΠΠΎ ΠΠΠ Π΅ΡΡΡ.
Π’Π΅ ΠΆΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ, ΡΡΠΎ ΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° jquery, Π·Π°ΠΏΠ΅ΠΊΠ°ΡΡΡΡ Π² DAP, ΠΊΠ°ΠΊ ΡΠ΅ΡΠ½ΠΈΠΊΠ° Π² ΠΊΠ΅ΠΊΡΠ΅. ΠΡΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ UX Π½ΠΎΠ²ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ ΠΏΠΎ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ Β«ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈ ΠΈ ΡΠ°Π±ΠΎΡΠ°ΠΉΒ».
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ Π½Π΅ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ ΠΊ Π»ΡΠ±ΠΎΠΉ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ ΠΏΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΠΌΡ Π·Π°ΠΊΠ°Π·Ρ, ΠΈΠ»ΠΈ ΡΡΠΎΡΠΎΠ½Π½Π΅ΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠΌΡ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ.