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

以下是我所拥有的：

<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动画执行之后，事件似乎以某种方式被禁用了？？ 以下是我当前的live（）调用：

---

我看不到live（）调用在您的小提琴中的任何地方，尽管如此，从1.7开始，live（）已被弃用。尝试改用on（）和off（）函数，看看这是否产生了您想要的功能？

您知道可以使用JS对象在

.css（）

中设置多个属性，而不是反复调用它，例如：

$（选择器）.css（{height:100px，width:100px}）@connor:我添加了fiddle链接是的，我的fiddle不是一个完整的工作副本。我知道live（）已被弃用，但on（）即使在mt动画之前也根本不起作用。我在上面添加了live（）和on（）调用：$（“.modal”）。on（“tap”，function（）----您在使用jQuery mobile吗？
$('#wrapper').css('-webkit-transition','-webkit-transform 0s ease-out').css('-webkit-transform','translate3d(' + '2048px,0px,0)');

$('.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