0

Подскажите, почему не срабатывает делегирование? Имеется блок с классом .team-item. Надо, чтобы при наведении на любую его часть текст менял цвет. Текст имеет класс .name-description. Файл js и jq подключены в конце body. В файле js написано так:

$('.team-item').on('hover', function() {
    $('.name-description').css("color", "#00e0d0");
});
4
  • добавь html Разметку. И допиши: что и куда ты тут делегируешь
    – Grundy
    21 окт 2016 в 12:25
  • не вижу делегирования в вашем коде. 21 окт 2016 в 12:26
  • 2
    Тут .team-item ничего не делегирует. Делегирование достигается путём передачи второго аргумента с CSS-селектором, которые и будут целью обработчика. А во главе угла ($(...).on(...);) должен быть родитель.
    – user207618
    21 окт 2016 в 12:28
  • "Файл js и jq подключены в конце body." - в каком порядке?
    – user176262
    21 окт 2016 в 13:05

1 ответ 1

1

Читайте док. http://api.jquery.com/hover/

Решение 1:

$('.team-item').hover( 
    function() {
      $('.name-description').css("color", "#00e0d0");
    }, 
    function(){
      $('.name-description').css("color", "inherit");
    }        
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<div class="team-item">Hover it</div>
  
  <div class="name-description">Change color</div>

Решение 2 jsbin:

$('.team-item').on({
    mouseenter: function() {
        $('.name-description').css("color", "#00e0d0");
    },
    mouseleave: function() {
        $('.name-description').css("color", "inherit");
    } 
});
5
  • это невозможно - что именно это?
    – Grundy
    21 окт 2016 в 12:45
  • а почему решение 2 на jsbin, а не так же в сниппете?
    – Grundy
    21 окт 2016 в 12:52
  • 3
    @Grundy, хочу так!
    – SVE
    21 окт 2016 в 12:54
  • 1
    В идеале, лучше пользоваться встроенным сниппетом, чтобы случись что с jsbin, пример решения не пропал. Ну и для консистентности, чтобы все было однообразно
    – Grundy
    21 окт 2016 в 12:56
  • 1
    @Grundy, а я люблю разнообразие, но учту на будущее Ваш совет!
    – SVE
    21 окт 2016 в 12:59

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.