Событие JQuery .on ('click' не запускается)

0

Событие 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

http://pastebin.com/khHZS3HN

  • 3
    я думаю, что это должна быть строка вроде этого: {color: "#000"}
  • 0
    Вы не использовали onclick в вашей ссылке?
Показать ещё 2 комментария
Теги:

4 ответа

2

У вас это есть на вашей странице...

<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);
1

Это должно сработать для вас:

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");
});
1

Эта строка неверна:

$('#login-description').css({color: #000;}).fadeIn(1000);

Он должен быть (-> {color: "#000"}):

$('#login-description').css({color: "#000"}).fadeIn(1000);
0
  $('.login-form-input').click(function () {
    alert("s");
    $('#login-description').css({color: #000;}).fadeIn(1000);

alert("s");
});  
  • 0
    bind предназначен для более ранней версии jquery, on этому пути: As of jQuery 1.7, the .on() method is the preferred method for attaching event handlers to a document.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню