Динамика tooltip
Привет ребят помогите сделать скрипт работающим.
Меня задолбал уже этот jQuery не знаю в чем ошибка. HTML <!-- Главный блок --> <div class="one"> <div class="two">Блок/Полле ввода</div> <div class="info">Информация, (tooltip примерно как в фреймворке boostrap)</div> </div> Оригинал на чистом js:
var elem = document.getElementsByClassName( "two" );
for ( var i = 0; i < elem.length; i++ ) {
if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
elem[ i ].onmouseenter = function () {
this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "block";
}
elem[ i ].onmouseleave = function () {
this.parentNode.getElementsByClassName( 'info' )[ 0 ].css.style.display = "none";
}
}
}
jQuery
var elem = $( ".two" );
for ( var i = 0; i < elem.length; i++ ) {
if ( elem[ i ].parentNode.getElementsByClassName( 'info' )[ 0 ] ) {
elem[ i ].onmouseenter = function () {
...
this.parent() // дальше parent'a ничего не читается
}
elem[ i ].onmouseleave = function () {
...
this.parent() // дальше parent'a ничего не читается
}
}
}
|
Гыгы а где там jquery )))
|
Цитата:
|
я не пойму как на jquery написать рабочий скрипт, заменить весь код оригинального на jquery
|
Phonixe, на чистом JS код лучше и производительней, зачем переписывать его на jQuery? Чтобы сэкономить пару-тройку символов?
|
я знаю что на jQuery хуже такой мелкий код, но мне нужно именно на jQuery посматреть как он будет написан.
уже два дня мучаюсь никак не могу написать |
Ruslan_xDD, а теперь смотрим на таблицу поддержки событий mouseenter/mouseleave и добавляем еще пачку строк некрасивого кода :)
|
Цитата:
|
danik.js, и чёрт с ними, лучше костыль написать, чем целую библиотеку ради пары ф-ций подключать. Просто большинство пользователей jQuery, подключают её ради использования 5-10% её функционала.
Видел даже личностей, которые подключают jQuery ради того, чтобы подключить плагин jQuery.cookie и использовать только getCookie. |
опечатка, скрипт оригинала рабочий, когда переписывл его для форума он несколько иной был, там все правильно работает ну разве что css там нет.
ну так что ребят поможете переписать на jquery? |
| Часовой пояс GMT +3, время: 20:44. |