javascript - Jquery点击函数没有响应?

标签 javascript jquery html

点击没有响应!

嗯,这应该很简单。我从 jquery api 中获取它。一定是错过了什么愚蠢的事情。

这是我的 html

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

这是我的jquery

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

现在,当我单击“单击此处”时,什么也没有发生!

最佳答案

您缺少 # 来定位具有 id 的元素。另外,如果您的元素是动态添加的,请尝试使用事件委托(delegate):

$(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>

关于javascript - Jquery点击函数没有响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22551503/

相关文章:

javascript - 使用 JQuery 捕获 CTRL+S 的最佳跨浏览器方法?

javascript - 在按钮外部单击时,如何在我的菜单中关闭动画折叠

用于查找素数的 Javascript 代码不起作用

javascript - 在 vue.js 应用程序中使用外部 js 库

javascript - 光标离开 Canvas 后,如何使用 MouseLeave 将光标改回原来的状态?

jquery - 从 JQuery 编辑 slider 的 CSS

html - 无法让 Bootstrap 网格正确对齐

php - 如何在数据库中添加复选框值?

javascript - 如何在不使用扩展运算符的情况下更改 Redux 状态的子切片

javascript - 对象在与其他对象发生碰撞之前不会被移除