javascript – Jquery click是有界的,但没有点击触发

2023年10月7日 210次阅读

我得到了这段代码

<div id="boxInformacion" class="alert-box success"><span>some text</span></div>

并在一些.js文件中

var c = $('#boxInformacion');

c.on('click', function(){
    // some code
});

setTimeout(function(){
    c.click();
}, 9999);

(它在click事件中的功能稍微复杂一点,所以它简化了)

成功之后,在ajax调用之后执行此代码.
问题是我点击div但没有任何反应.
我把超时只用于检查绑定是否正确,是的,在9秒之后点击被javascript触发并且正在工作.
div #boxInformacion是具有该Id的所有HTML中唯一的一个.

由于超时中的点击工作正常,似乎是手动点击上的一些错误.
我从控制台检查了一下,我点击了正确的位置.
我能错过什么？

我点击绿色栏.

我也尝试使用c.click(function(){/ * code * /})而不是.on(‘click’,function(){/ * code * /})

我正在使用jQuery 1.10.2

小提琴here

最佳答案 你的点击处理程序没问题.问题是你的CSS：

z-index:-100;

由于负z-index,点击处理程序不会触发.删除它,你的点击处理程序工作.

Updated fiddle

点赞