jquery - 输入框有什么特别之处会导致它们不响应 jQuery 点击事件吗？

Question

当我使用所有选择器时，我有响应单击事件的 jquery 代码。我想更改它，使其仅在用户单击特定 ID 时响应。但是，当我更改代码以响应特定 ID 而不是所有 ID 时，它不再起作用。我知道我正确拼写了 ID 并使用了正确的语法。javascript 控制台显示没有错误。所以我对可能出了什么问题感到困惑。

这有效：

 $("*").click(function() {
                 $('center').fadeOut(1000, function() {
                    });
            });

这不起作用：

             $("#answerBox").click(function() {
                 $('center').fadeOut(1000, function() {
                    });
            });

我知道我的 ID 拼写正确：

这是HTML：

<div id='left'>
                <p  id='answerprompt'>Answer: </p>
                <input id="answerBox" type="text" name="firstname">
            </div>

这是所有的CSS：

<script type="text/javascript">
       $(document).ready(function () {
        $("#recycleButton").click(function(){
                 $("#captchaText").attr('src', 'cryptographp.inc.php');
        });
        $("#submitButton").click(function(){

                $.ajax({
                    url: 'getRejection.php',
                   success: function(data) { alert(data) }
                });
                $('#captchaPanel').animate({ opacity: 1}, 200);

                $("#captchaText").attr('src', 'cryptographp.inc.php');

            });

         });

         $("*").click(function() {
             $('center').fadeOut(1000, function() {
                });
        });

</script>

输入框有什么特别之处会改变或取消点击事件吗？我可以采取哪些步骤来调试此问题？

Answer 1

看看这个jsbin，它工作得很好，我对你的代码没有任何改变......

$("#answerBox").click(function() {

        $('center').fadeOut(1000, function() {
    });
});

Answer 2

这个jsFiddle对我有用。

我将您的 divid从更改left为center. 我还在#点击代码中的 jQuery 选择中添加了一个。这假设您尝试选择 ID 为“center”的元素。如果您尝试选择一个<center>元素，请保持您的代码不变（我没有在 HTML 中看到中心元素）。

此外，您可能需要查看.focus()以便在用户进入输入框时发生相同的效果。