javascript - 重构以下代码以使用 jQuery

Question

已关闭。这个问题是 off-topic 。目前不接受答案。

---

想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。

已关闭10 年前。

Improve this question

我有一些代码添加了不是用 jQuery 编写的事件监听器。

pic1.addEventListener("webkitTransitionEnd",
    function(){
        pic1.className="down";
        pic1.style.zIndex=picclick;
        },true);
pic1.addEventListener("oTransitionEnd",
    function(){
        pic1.className="down";
        pic1.style.zIndex=picclick;
        },true);
pic1.addEventListener("transitionEnd",
    function(){
        pic1.className="down";
        pic1.style.zIndex=picclick;
        },true);

我现在想用 jQuery 添加事件监听器，并保持相同的功能。关于这应该是什么样子的想法？

这是我正在做的事情的草图...... http://jsdo.it/dbwest/4rqo

Answer 1

事件监听器可以在 jquery 中用 .on 或 .bind 语句替换:

var pic1 = $('yourElementOrClass');

pic1.on('transitionend webkitTransitionEnd oTransitionEnd', function(){
    $(this).addClass('down').css('z-index', picclick);
});