javascript - JQuery事件.on（'click'没有触发

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>

这包括您的脚本 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应该在click函数和所有代码之前添加。

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