JQuery 事件 .on("点击"未触发)

Question

单击时的 JQuery 事件未使用以下代码触发：

核心.js

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

索引.php

http://pastebin.com/khHZS3HN

Answer 1

你的页面里有这个...

<script type="text/javascript" src="js/core.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

这包括你的脚本，核心.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>

此外，正如 reyaner 在问题评论中指出的那样，您需要在颜色周围加上引号......

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

Answer 2

这应该适合您：

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

Answer 3

这一行是错误的：

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

它应该是 （-> {color: "#000"} ）：

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

Answer 4

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