Javascript 单击按钮在jquery中不起作用时发出关闭警报

我想知道这段代码出了什么问题，所以单击事件在我尝试过的任何DOM上都不起作用。下面是我在WordPress插件中使用的代码。脚本正在加载，甚至第一个警报“已加载”也在工作，但在单击事件上没有任何效果

<pre>
(function ($) {
    'use strict';

    alert('loaded');

    $('.gs-close').on('click', function (e) {
        e.preventDefault();
        // alert('clicked');
        $(this).hide();
    });

})(jQuery);
</pre>

---

我检查了代码是否正常工作，但在使用标记链接时，您必须禁用链接的href事件。希望它能起作用。如果它不起作用，请提供示例。所以我可以看看：

---

页面中是否存在gs close类的内容？你需要包括一个与相关的JavaScript和HTML，这样人们可以帮助。好的，我找到了原因。JS被设置在head标记中，因此不能获得dom。所以在页脚中加载修复了这个问题。但问题是我是否想在head标签中加载它将如何工作。@Herohtar我已经找到了原因。。请看我的评论。有没有办法让js文件保持在头部，但它仍然会找到DOM？在这种情况下，你需要等到DOM加载。我的意思是，。谢谢，Kanun的参考，但我想你还没有理解我面临的挑战。请读回我的问题。你能检查console.log$'.gs close'吗；在浏览器控制台上检查项目是否显示

<pre>
(function ($) {
    'use strict';

    alert('loaded');

    $('.gs-close').on('click', function (e) {
        e.preventDefault();
        // alert('clicked');
        $(this).hide();
    });

})(jQuery);
</pre>