Событие jQuery mouseenter не выполнено

Question

У меня возникли проблемы с mouseenter event применяется к области div на моих страницах. Я пытаюсь изменить фоновый цвет этого div на мыши, но все это просто игнорируется.

У меня есть простой HTML код:

<div id="services" class="services"> 
    <div id="services-top"> 
    <h2>Services</h2> 
    </div> 
    <div id="services-content"> 
    <div id="services-content-left"> 
     <img id="services-content-right-img" class="img-circle" src="http://i.imgur.com/vN5m4vK.jpg" alt="empty"> 
     <h3>STUFF</h3> 
    </div> 
    </div> 
</div> 

И JS материал с этим событием:

$(document).ready(function() { 
    $("services-content-left").mouseenter(function() { 
    console.log("enter"); 
    $(this).css("background-color", "yellow"); 
    }); 
}); 

И, как я уже говорил, когда я войти в эту Div область, фон остается неизменным, без каких-либо изменений. HERE - пример.
Разве вы не знаете, как его решить?

Answer 1

вы просто пропустили

в вашем коде, должно быть $ ("# услуги-контент-влево") вместо

$(document).ready(function() { 
    $("#services-content-left").mouseenter(function() { 
     console.log("enter"); 
     $(this).css("background-color", "yellow"); 
    }); 
}); 

Signify селектор идентификаторов.

Answer 2

Вы пропустили # перед вашими услуги-контент левый,

Пожалуйста, это изменилось,

$("#services-content-left").mouseenter(function() {

Рабочая Fiddle: - https://jsfiddle.net/m2wpetp4/4/

Надежда это помогает!

Answer 3

Неправильный селектор :)

$(document).ready(function() { 
    $("#services-content-left").mouseenter(function() { 
    console.log("enter"); 
    $(this).css("background-color", "yellow"); 
    }); 
});