javascript - 尝试使用 jQuery 在页面加载后触发 anchor 单击

Question

所以这个问题已经在这里被问过很多次了，虽然我已经阅读了我能找到的所有线程，但这仍然对我不起作用。

一点背景知识:我正在使用网格插件开发一个 Wordpress 网站，并且我试图在页面加载时根据 url 参数触发过滤器。出于本线程的目的，我只是硬编码了一个 url 参数(类别变量)作为示例，因为该功能运行良好。

我尝试触发的 anchor 标记:

<a href="javascript:;" class="ladda-button" data-category="55" data-style="zoom-in">Tarps and Covers</a>

我试图用来触发点击事件的损坏代码:

<script type="text/javascript">
    $(document).ready(function() {
        var hash = window.location.hash;
        var category = '55';
        var anchor = $("[data-category=" + category + "]");
        anchor.click();
    });
</script>

返回 anchor 变量的控制台日志确认我选择了正确的 jQuery 对象，并且我还尝试过 anchor[0].click() 来触发它，但没有成功。有人看到我忽略的任何问题吗？

Answer 1

我试过了:

  $(document).ready(function() {
        var hash = window.location.hash;
        var category = '55';
        var anchor = $("[data-category=" + category + "]");
        anchor.click();
      anchor.on('click',()=>{
             alert();
       })
    });

一切正常