Question

我用旧的jQuery做了一个小提琴，但我的网站使用了一个新的jQuery，我不知道如何让代码再次运行。你在这里：

工作：http://jsfiddle.net/hThGb/3626/
不工作：http://jsfiddle.net/hThGb/3627/

HTML

<div id="button"><button>toggle</button></div>
<div id="zelena"></div>

的JavaScript

$('#button').toggle(
    function() {
        $('#zelena').animate({right: -200})
    }, function() {
        $('#zelena').animate({right: 0})
})

CSS

html, body {
margin: 0;
padding: 0;
border: 0;
}

#zelena {
top: 0px;
right: 0px;
bottom: 0px;
width: 200px;
background:green;
position: absolute;
}
#button {
left: 0px;
position: absolute;
}

Answer 1

$('#button').click(function () {
    $(this).toggleClass('active');
    if ($(this).hasClass('active')) {
        $('#zelena').stop().animate({
            right: -200
        });
    } else {
        $('#zelena').stop().animate({
            right: 0
        });
    }
});

Fiddle

Answer 2

toggle事件已弃用并最终被删除。但是，有人写了a small plugin，它可以做toggle事件所做的同样的事情。但是，你真的不需要你的插件;几行应该这样做：

$('#button').on('click', function() {
    var zln = $('#zelena'),
        right = +zln.css("right").replace(/px/i, '');
    right = right === 0 ? -200 : 0;
    zln.animate({right: right})
});

DEMO

小提琴没有在新的jQuery中工作

2 个答案: