2014-04-27 75 views
4

我这一段代码jQuery的点击是有界的,但不是射击点击

<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是唯一一个在所有HTML与该ID。

由于在超时的点击正常工作,似乎是手动点击一些错误。 我从控制台检查,我点击正确的地方。 我可能会错过什么?

我点击绿色栏。

我也使用c.click(function(){ /* code */})代替.on('click', function(){ /* code*/ })

enter image description here

我使用jQuery 1.10.2

小提琴here

+0

你可以试试'$(文件)。在( '点击', '#boxInformacion',函数(){...}); ' – mdesdev

+0

同样的结果 - 没有任何反应 –

+2

请添加小提琴。很难再次猜测这里发生了什么。 –

回答

4

你的点击处理是罚款。问题是你的CSS:

z-index:-100; 

由于z-index为负,点击处理程序不会触发。删除这个和你的点击处理程序工作。

Updated fiddle

+0

你是一个同性恋者。如果不是你,我永远不会发现这个问题。该代码是由合作伙伴添加的,无论如何,我不知道它使得点击未被触发。为什么是这样 ?为什么z-index取消点击? –

+0

我想这是因为它被认为是在文档后面。无论如何它不需要。 –

+1

是的,绝对。非常感谢! –

-3

我测试了你的代码,它完美的作品尝试。

<script> 
$(document).ready(function(){ 
    var c = $('#boxInformacion'); 

    c.on('click', function(){ 
     alert(1); 
    }); 

    }) 
</script> 

,这在body标签

<div id="boxInformacion" class="alert-box success"><span>CLICK</span></div> 
+1

你检查小提琴吗?显然没有工作 –

+0

检查它.... – ibonly

+0

问题是你的css中的.alert框,删除位置属性使它的工作。问题是如何来阻止jQuery的css? – ibonly