Javascript 代码只在第一轮工作？

在这个项目中，我有一个div，它在单击时显示图像。我有一个过渡附加到这个，使图像淡入。在我的jQuery中，我有一个函数可以实现这一点，而且我还添加了一个功能，即在转换结束之前禁用“onclick”事件。这是可行的，但只是第一次。调用函数的任何其他时间，如果双击，图像将更改，而无需等待转换结束。我不明白为什么。谢谢你的帮助

以下是相关代码：

html:

---

也许这会有用：

我有这个例子



#myDIV{
宽度：100px；
高度：100px；
背景：红色；
-webkit过渡：宽度2s；/*适用于Safari 3.1到6.0*/
过渡：宽度2s；
}
#myDIV:悬停{
宽度：400px；
}
霍拉·蒙多
$（文档）.ready（函数（）{
$（“#myDiv”）.on（'transitionend WebKittTransitionEnd'，函数（）{
//你的逻辑，过渡正在运行
});
});
this.onclick应该是类似function（）{}的函数调用。不是布尔值。@bigless
onclick
不是布尔值。对。真的不知道我在哪里探索过。。
 <div id="rightWindow" style="background-image: url('Images/<?php echo $randomPic; ?>');"


  onclick="

    var enable = function() { counter++;

    if (counter > 7) {counter = 1;}

    $( '#rightWindow' ).css('background-image', 'url(Images/<?php

      echo $substring;

     ?>' + counter + '.jpg)');}

    enable();

    this.onclick = null;

    $( '#rightWindow' ).on('transitionend',
        function(e) {

        alert('ended!');

        this.onclick = enable;

      });


   "></div>