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

应该是（ - ＆gt; {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");
});

JQuery事件.on（'点击'不开火

4 个答案: