jQuery在文本输入上不起作用单击

Question

您能否看一下这段代码，让我知道为什么click事件没有被解雇？

$( ".content" ).on("click", function() {
  alert( "This is Clicked" );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 <input type="text" class="form-control" class="content" >

Answer 1

你有class两次。试试这个：

<input type="text" class="content form-control" >

Answer 2

尝试用<input type="text" class="form-control content" />代替<input type="text" class="form-control" class="content" >

$(".content").on("click", function() {
  alert("This is Clicked");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
</script>
<input type="text" class="form-control content" />

Answer 3

试试这个

＆＃13;

＆＃13;

$(document).ready(function(){
    $('.content').click(function(){
       alert('I have done');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" class="form-control content" />

＆＃13;

＆＃13;

＆＃13;