Хорошо, я знаю, что в этом есть справедливое количество этих потоков, и я пробовал много решений, но я не могу, чтобы жизнь меня казалась чтобы мой jQuery работал. Я уверен, что правильно связал его, и я не вижу никаких явных ошибок в моем коде (хотя я довольно новичок в этом), и это немного расстраивает.Я не могу получить jQuery для работы
Я создал несколько div с классом под названием «button», и я пытаюсь сделать так, чтобы, когда вы наводите на них курсор, они становятся полупрозрачными, а когда вы их оставляете, вернуться к нормальной жизни. Однако по какой-то причине он, похоже, не работает.
Во всяком случае, вот соответствующая часть моего HTML:
<head>
<title>Testing</title>
<link rel="stylesheet" type="text/css" href="main.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
И мой JQuery код:
$(document).ready(function(){
$(".button").mouseenter(function(){
$(this).fadeTo("slow", 0.5);
});
$(".button").mouseleave(function(){
$(this).fadeTo("slow", 1);
});
});
И мой CSS, для хорошей мерой (на всякий случай):
.button {
height:50px;
width:150px;
border-radius:5px;
background-color:#C7C7C7;
border:2px solid black;
display:inline-block;
text-align:center;
font-size:26px;
line-height:50px;
margin-bottom:5px;
}
Работы здесь http://jsfiddle.net/DLXxE/ – Johan
ошибки консоли ? Пробовал ли что-нибудь? – Dave
Работает здесь: http://jsfiddle.net/CS6Qp/. –