单击事件.on('click‘不触发

Question

单击时的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

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>

这包括您的脚本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>

此外，正如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);