Π Π°Π·Π½ΠΎΠ΅

Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки jquery: Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки Π½Π° jquery ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΈΠ»ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора

06.07.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Подсказки. ΠšΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Β· 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

Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°: delay: { "show": 500, "hide": 100 }

html boolean false

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ HTML Π² подсказку.

Если true, тэги HTML Π² title подсказки Π±ΡƒΠ΄ΡƒΡ‚ отрисованы Π² подсказкС. Если false – ΠΌΠ΅Ρ‚ΠΎΠ΄ jQuery text Π±ΡƒΠ΄Π΅Ρ‚ использован для вставки содСрТимого Π² DOM.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ тСкст, Ссли Π²Ρ‹ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚Π΅ΡΡŒ ΠΎ XSS-Π°Ρ‚Π°ΠΊΠ°Ρ….

placement string | function β€˜top’

Как позиционируСтся Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка – Π°Π²Ρ‚ΠΎ – Π²Π΅Ρ€Ρ… – Π½ΠΈΠ· – Π»Π΅Π²ΠΎ – ΠΏΡ€Π°Π²ΠΎ.

Когда Π·Π°Π΄Π°Π½ΠΎ auto, это автоматичСски ΠΏΠ΅Ρ€Π΅ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ подсказку.

Когда функция ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния располоТСния, ΠΎΠ½Π° вызываСтся с ΡƒΠ·Π»ΠΎΠΌ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки DOM ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚ ΠΈ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€-элСмСнт ΡƒΠ·Π»Π° DOM – ΠΊΠ°ΠΊ Π²Ρ‚ΠΎΡ€ΠΎΠΉ. ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚ this задаСтся для экзСмпляра Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки.

selector string | false false Если сСлСктор Π·Π°Π΄Π°Π½, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок Π±ΡƒΠ΄ΡƒΡ‚ Β«Π½Π°Ρ†Π΅Π»Π΅Π½Ρ‹Β» Π½Π° ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Π΅ Β«Ρ†Π΅Π»ΠΈΒ». На ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ это ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Π°ΠΊΡ‚ΠΈΠ²Π°Ρ†ΠΈΠΈ динамичСского содСрТимого HTML для возмоТности добавлСния ΠΏΠΎΠΏΠΎΠ²Π΅Ρ€ΠΎΠ². Π‘ΠΌΠΎΡ‚Ρ€ΠΈ это ΠΈ Π΅Ρ‰Π΅.
template string '<div role="tooltip"><div></div><div></div></div>'

ΠžΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ HTML для использования ΠΏΡ€ΠΈ создании Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок.

title Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки Π±ΡƒΠ΄Π΅Ρ‚ Π²Π²Π΅Π΄Π΅Π½ Π² элСмСнт класса .tooltip-inner

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ класса .arrow станСт стрСлочкой Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки.

Π‘Π°ΠΌΡ‹ΠΉ внСшний ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΉ элСмСнт Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ класс .tooltip ΠΈ role="tooltip".

title string | element | function Β»

НазваниС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Ссли Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ title Π½Π΅ Π·Π°Π΄Π°Π½.

Если функция Π·Π°Π΄Π°Π½Π°, ΠΎΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ с Π΅Π΅ Π½Π°Π±ΠΎΡ€ΠΎΠΌ this, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π° Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π°Ρ подсказка.

trigger string β€˜hover focus’

Π—Π°Π΄Π°Π΅Ρ‚, ΠΊΠ°ΠΊ вызываСтся подсказка β€” click | hover | focus | manual. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€ΠΎΠ², Ρ€Π°Π·Π΄Π΅Π»ΠΈΡ‚Π΅ ΠΈΡ… ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠΌ.

'manual' ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ подсказка Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΎ Π·Π°ΠΏΡƒΡ‰Π΅Π½Π° ΠΌΠ΅Ρ‚ΠΎΠ΄Π°ΠΌΠΈ . tooltip('show'), .tooltip('hide') and .tooltip('toggle'), это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ нСльзя ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒ с Π»ΡŽΠ±Ρ‹ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€ΠΎΠΌ.

'hover' сам ΠΏΠΎ сСбС ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ созданию подсказок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ нСльзя Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ с ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹, ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ лишь, Ссли Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ для Π²Ρ‹Π΄Π°Ρ‡ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ· подсказки для ΡŽΠ·Π΅Ρ€ΠΎΠ² ΠΊΠ»Π°Π²ΠΈΠ°Ρ‚ΡƒΡ€Ρ‹ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹.

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. js ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² Bootstrap, смотритС ΠšΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΡŽ Popper.js.

ΠœΠ΅Ρ‚ΠΎΠ΄Ρ‹

АсинхронныС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹

ВсС ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ 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. bs.tooltip Π­Ρ‚ΠΎ событиС наступаСт Π½Π΅ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° экзСмпляр ΠΌΠ΅Ρ‚ΠΎΠ΄Π° 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: Mobile

Categories

β€’ .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 .

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 101 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ, простой Π² использовании, изящно Π΄Π΅Π³Ρ€Π°Π΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ автоматичСски ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ содСрТимоС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° элСмСнта ΠΈΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° подсказки Π΄Π°Π½Π½Ρ‹Ρ….

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 1474 просмотров

hint-css.js β€” это jQuery-вСрсия Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Hint.css, которая позволяСт Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ классныС настраиваСмыС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки для Π»ΡŽΠ±Ρ‹Ρ… элСмСнтов.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 11687 просмотров

mb.balloon β€” это ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки/Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΎΠΊΠ½Π°/подсказки с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ полноэкранным Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π½Π° Π»ΡŽΠ±Ρ‹Π΅ элСмСнты DOM.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 8496 просмотров

Zebra_Tooltips β€” это Π»Π΅Π³ΠΊΠΈΠΉ, Π»Π΅Π³ΠΊΠΎ настраиваСмый ΠΈ кросс-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery для создания простых, Π½ΠΎ ΠΈΠ½Ρ‚Π΅Π»Π»Π΅ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок с приятными ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°ΠΌΠΈ ΠΈ мноТСством ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 368 просмотров

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ ΠΈ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для создания красивых Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° курсором ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора Π½Π° элСмСнты.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 398 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ ΠΈ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки jQuery для создания Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ ΠΎΠΊΠ½Π° с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ тСкстом, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ элСмСнту DOM Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ
β€” Подсказка β€” 2869 просмотров

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Tooltip для создания красивых Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок Π² стилС Facebook Π½Π° основС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° title элСмСнта.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 10129 просмотров

Tooltipster β€” это чистый ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery Tooltip для создания Ρ‡Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ Π³ΠΈΠ±ΠΊΠΈΡ… Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок с ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΎΠΉ HTML5.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 2754 просмотров

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery для Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок для создания Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок с использованиСм Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² alt ΠΈΠ»ΠΈ title, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всСгда ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° курсором ΠΏΡ€ΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 425 просмотров

Π§Ρ€Π΅Π·Π²Ρ‹Ρ‡Π°ΠΉΠ½ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ (ΠΌΠ΅Π½Π΅Π΅ 1 ΠšΠ‘) ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Ρ‹Π΄Π΅Π»ΡΡ‚ΡŒ любоС количСство Ρ‚Π΅Ρ€ΠΌΠΈΠ½ΠΎΠ² Π² тСкстС ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΡƒΡŽ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π½Π°Π²ΠΎΠ΄ΠΈΡ‚ Π½Π° Π½ΠΈΡ… курсор.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 1252 просмотров

ΠžΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery для простого создания Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ…, настраиваСмых Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок ΠΈ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΠΊΠΎΠ½ с Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΌ тСкстом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ Ρ‰Π΅Π»Ρ‡ΠΊΠ΅ Π½Π° любом элСмСнтС HTML.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 6373 просмотров

powertip β€” это Π³ΠΈΠ±ΠΊΠΈΠΉ ΠΈ красивый ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… подсказок Π½Π° основС jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ слоТныС Π΄Π°Π½Π½Ρ‹Π΅.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 16023 просмотров

Π­Ρ‚ΠΎ ΠΎΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ jQuery/CSS для Bootstrap 4 ΠΈ Bootstrap 3, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ добавляСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ стили (классы) ΠΊ собствСнным Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ подсказкам Bootstrap.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 471 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ, настраиваСмый, тСматичСский ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для прСдоставлСния тСкста справки, Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… свСдСний ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅ ΠΈΠ»ΠΈ просто Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎΠ± ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ элСмСнтС Π½Π° страницС.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 508 просмотров

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ добавляСт Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку Π² стилС Bootstrap ΠΊ Π»ΡŽΠ±Ρ‹ΠΌ элСмСнтам Π±Π΅Π· нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ инфраструктуры Bootstrap.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 333 просмотров

ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ сообщСния рядом с Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹ΠΌ элСмСнтом ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 434 просмотров

ΠŸΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π°

прикрСпляСт ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½ΠΎΠ³ΠΎ тСкста Π² стилС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки ΠΊ элСмСнту.
Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Лайтбокс β€” 37060 ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²

jBox β€” это Π³ΠΈΠ±ΠΊΠΈΠΉ, ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Ρ‹ΠΉ, Π½Π°Π΄Π΅ΠΆΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ спСктра Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΠΊΠΎΠ½ Π½Π° вашСй Π²Π΅Π±-страницС ΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 725 просмотров

ΠŸΡ€ΠΈΡ‡ΡƒΠ΄Π»ΠΈΠ²Ρ‹ΠΉ кроссбраузСрный ΠΏΠ»Π°Π³ΠΈΠ½ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки для jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ содСрТимоС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки ΠΈΠ· Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈΠ»ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… элСмСнтов ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ
β€” Подсказка β€” 1684 просмотров

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π² использовании ΠΏΠ»Π°Π³ΠΈΠ½ 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 Π½ΠΎΠ²Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ ΠΏΠΎ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ Β«ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈ ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΠΉΒ».

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ Π½Π΅ зависит ΠΎΡ‚ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹, Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊ любой Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, созданной ΠΏΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌΡƒ Π·Π°ΠΊΠ°Π·Ρƒ, ΠΈΠ»ΠΈ стороннСму ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠΌΡƒ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡Π΅Π½ΠΈΡŽ.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *