Fiddle

Question

点击没有响应！

这应该很简单。我从jquery apis那里拿了它。一定是错过了傻事。

这是我的HTML

   <div id="getnext">
       Click here
    </div>

这是我的jquery

$( document ).ready(function() {
  $( "getnext" ).click(function( event ) {
        alert( "Thanks for visiting!" );
    });
});

现在，当我点击＆＃34;点击此处＆＃34;没有任何反应！

Answer 1

您错过#以id定位元素。此外，如果您的元素已动态添加，请尝试使用事件委派：

$(document).on('click', '#getnext', function() {
    alert( "Thanks for visiting!" );
});

另外，请确保您已正确包含jQuery。将此代码放在jQuery代码之前：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Answer 2

您使用ID selector的方式是错误的

尝试，

$(document).ready(function() { 
 $("#getnext").click(function( event ) {
        alert( "Thanks for visiting!" );
    });
});

Answer 3

尝试使用以下代码，您只需忘记在ID

之前添加＃（ID选择器）

$( document ).ready(function() { 
 $( "#getnext" ).click(function( event ) {
        alert( "Thanks for visiting!" );
    });
});

Answer 4

要么使用idor类来使用juqey选择元素

示例

By Id: $("#elementId")
By Class: $(".elementClass")

Answer 5

试试这个

$(document).ready(function() { 
 $("#getnext").on('click',function( event ) {
        alert( "Thanks for visiting!" );
    });
})

您必须在页面<head>

中包含Jquery库

<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript">

Answer 6

缺少#，您应该使用.on。

$( document ).ready(function() {
    $( "#getnext" ).on('click',function(){
        alert( "Thanks for visiting!" );
    });
});

确保加载jquery库。：）

Answer 7

尝试使用＆＃39;＆＃39;并检查您的代码是否存在任何其他$(document).ready()函数。如果存在多个函数，则会导致事件引发出现问题。