Событие JQuery при нажатии не запускается со следующим кодом:
core.js
$(document).ready(function() {
$('.login-form-input').on('click', function(){
alert("s");
$('#login-description').css({color: #000;}).fadeIn(1000);
alert("s");
});
}
index.php
У вас это есть на вашей странице...
<script type="text/javascript" src="js/core.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Это включает ваш скрипт core.js, прежде чем он включит jQuery. Ваш скрипт требует jQuery, так что это должно быть наоборот...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/core.js"></script>
Кроме того, как отметил Райанер в комментариях к вопросу, вам нужны котировки вокруг цвета...
$('#login-description').css({ color: "#000" }).fadeIn(1000);
Это должно сработать для вас:
jQuery следует добавить перед функцией щелчка и кодами.
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.transit/0.9.9/jquery.transit.min.js"></script>
$(document).on("click", ".login-form-input ", function(e){
alert("s");
$('#login-description').css({color: "#000"}).fadeIn(1000);
alert("s");
});
Эта строка неверна:
$('#login-description').css({color: #000;}).fadeIn(1000);
Он должен быть (-> {color: "#000"}
):
$('#login-description').css({color: "#000"}).fadeIn(1000);
$('.login-form-input').click(function () {
alert("s");
$('#login-description').css({color: #000;}).fadeIn(1000);
alert("s");
});
on
этому пути: As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document.
{color: "#000"}