我想仅为div
的特定子项制作动画,但如果我指定该类,则不会设置任何动画。如果我指定父类,那就没关系。
查看jsfiddle:http://jsfiddle.net/7y5he/19/
HTML:
<button id="left">Left</button>
<button id="right">Right</button>
<div class="target">
<div id="targetDiv1" class="targetchild_no_animate" style="overflow:auto;height:20px;">AAA</div>
<div id="targetDiv2" class="targetchild" style="overflow:auto;height:20px;">111</div>
<div id="targetDiv3" class="targetchild" style="overflow:auto;height:20px;">22222</div>
<div id="targetDiv4" class="targetchild" style="overflow:auto;height:20px;">33333</div>
</div>
<div class="tarWidth" style="top:100px;position:relative"></div>
var rightCards = 0;
var leftCards = 0;
$("#left").click(function () {
leftCards = '-' + $(".targetchild").width() + 'px';
$(".targetchild").stop().animate({
'left': leftCards
});
$('.tarWidth').text($(".targetchild").width() + 'px');
});
// Start animation in the opposite direction
$("#right").click(function () {
rightCards = '+' + $(".targetchild").width() + 'px';
$(".targetchild").stop().animate({
'left': rightCards
});
$('.tarWidth').text($(".targetchild").width() + 'px');
});