jquery 触发器或单击不起作用？

Question

我真的很困惑为什么我无法触发此触发器或点击来工作？

这是 JS:

$(document).ready(function () {     

    function libertyPop(){  
        var popUp = jQuery("#lightbox-30835684809970");
        popUp.click();
        popUp.trigger('click');
        console.log("should work");
    }

    libertyPop();
});

这应该会触发对此 anchor 的点击:

<a id="lightbox-30835684809970" style="cursor:pointer;color:blue;text-decoration:underline;">
    Liberty Pop-Up
</a>

在页面中，当我实际单击链接时，会出现弹出窗口，我不明白为什么 jquery 'trigger' 或 'click' 没有执行相同的操作？

Answer 1

如果想触发anchor标签原生的click事件，可以使用js事件:

 var popUp = jQuery("#lightbox-30835684809970")[0]; //<< [0] will retruns the DOM node

  popUp.click();

但是由于您没有设置属性 href，所以这不会执行任何操作!

如果您想触发使用 jQuery 附加的点击处理程序，请首先设置一个。

使用您的代码:

$(document).ready(function () {     

    function libertyPop(){  
        var popUp = jQuery("#lightbox-30835684809970");
        popUp.on('click',function(){
            console.log("WORKS!");
        }).click();
    }

    libertyPop();
});