Мышь не работает в jquery - PullRequest
Новая
       27

Мышь не работает в jquery

0 голосов
/ 26 мая 2018

Я пытаюсь сделать подсветку кнопки при наведении на нее курсора
html: 

<head>
<script src="jquery.js></script>
<scrips src="index.html"></script>
</head>

и js в index.js 

$(".button").mouseenter(function(){
 $(".button).css("background-color", "cyan");
 $(".button).css("color", "white");
});

Ответы [ 3 ]

0 голосов
/ 26 мая 2018

Пропущенные кавычки в jQuery и html

HTML 

<html>
<head>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
   <button class="button" type="button">Change my color</button>
   <script src="custom.js" type="text/javascript"></script>
</body>
</html>

custom.js 

$(".button").mouseenter(function(){
 $(".button").css("background-color", "cyan");
 $(".button").css("color", "white");
});
0 голосов
/ 26 мая 2018 
$(".button").mouseenter(()=>{$(".button")
   .css({"background-color":"cyan","color":"black"});
});

$(".button").mouseleave(()=>{$(".button")
   .css({"background-color":"#0084ff","color":"white"});
});
0 голосов
/ 26 мая 2018 
$(".button").mouseenter(function(){
$(".button").css("background-color", "cyan");
$(".button").css("color", "white");
});

https://jsfiddle.net/nroqjuhn/

...