Это не функция

Question

Я просто сделать эту простую вещь:

$(function() { 
    $("div").on("hover", function (event) { 
     if (event.type === "mouseenter") { 
      $(this).css("background", "blue"); 
     } 
     else { 
      $(this).css("background", "red"); 
     } 
    }); 
}); 

Но он говорит по этой линии:

$("div").on("hover", function (event) { 

Uncaught TypeError: $(...).on is not a function

Спасибо вам

, но если я сделаю это :

$(function() { 
     $("div").on("click", function (event) { 
      alert("Your mouse is at X " + event.pageX + " and at Y " + event.pageY); 
     }); 
    }); 

я получаю ту же ошибку

Спасибо вам всем !! это был css issus. если вы не включили JQuery

Answer 1

Ошибка Uncaught TypeError: $(...).on is not a function появляется.

Если вы загружаете jQuery локально, проверьте путь.

Вы также можете загрузить JQuery через КДС как Google Hosted библиотеки https://developers.google.com/speed/libraries/

Answer 2

Использование

$(".selector").on("mouseover", function() { 
    //stuff to do on mouseover 
}); 

или

$(".selector").hover(function() { 
    //stuff to do on mouseover 
}); 

Answer 3

Проверьте, что положить <script> тег со сценарием ниже <script> тег с JQuery