JQuery live（）函数在css转换后停止触发

Question

这就是我所拥有的：

<div id="wrapper">
    <div id="container">

    </div>
</div>

#container
{  
    transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    top: 0%;
    z-index: 0;
    width: 100%;
    height: 100%;

}
#wrapper
{
     width: 2048px;
     height: 1536px;
     position: absolute;
}

容器div包含带有热点事件的热点内容。包装器用于使用css动画左右移动内容。但是，应用此动画后，动画效果很好：

$('#wrapper').css('-webkit-transition','-webkit-transform 0s ease-out').css('-webkit-transform','translate3d(' + '2048px,0px,0)');

容器div内的热点事件没有响应....我认为静态定位的热点现在已经关闭了。有没有更好的方法来实现这一目标？

---

@Connor：这是一个小提琴链接，但它不是一个工作副本，但希望它足以让你了解它的设置如何.... http://jsfiddle.net/dTVqx/

---

另一个更新：我为热点添加了边框＆amp;热点确实出现在正确的位置和顶部，所以似乎可能在css动画执行后以某种方式禁用事件??

这是我当前的live（）调用：

$('.modal').live('tap',function(event) 
{
  ...
}

I ALSO DID TRY on()

$(".modal").on("tap", function()
{
...
}

but on() does not work at all, even before the transition

Answer 1

我没有看到live（）调用你的小提琴中的任何地方，从1.7开始，live（）已被弃用。尝试使用on（）和off（）函数，看看是否产生了你正在寻找的功能？