当鼠标 animate css,我试图在我的网站animate.css实现,它只是为准备好(加载)jQuery的事件,它不适用于其他鼠标事件?...

$('#div').ready(function() {

$('#div').addClass('animated bounceInLeft');

});

但它不适用于下面的代码。

$('#TextBox1').on('click', function() {

$('#TextBox1').addClass('animated shake');

});

如何解决此问题?

这是我的完整代码当我点击网页,如何停止该动画的任何按钮

Foundation | Welcome

.animated {

animation-duration: 2s;

animation-delay: 0s;

animation-iteration-count: 1;

}

.flash {

animation-delay: 3s;

}

.auto-style1 {

width: 100%;

border: 2px solid #000066;

background-color: #cccccc;

}

.auto-style4 {

width: 513px;

height: 44px;

}

.auto-style7 {

height: 52px;

text-align: center;

color: #FFFFFF;

}

.auto-style9 {

height: 44px;

width: 1403px;

}

.auto-style10 {

height: 53px;

}

$('#div').ready(function() {

$('#div').addClass('animated bounceInLeft');

});

$('#TextBox1').on('click', function() {

$('#TextBox1').addClass('animated shake');

});

Login Here
User ID
Password

页面被动画?如何使转换只应该动画一次?

2016-04-21

Ranjan m

+0

是否调用了点击处理程序?你可以把控制台/警报和检查?你可以请分享jsfiddle吗?似乎是一个很容易解决的小错误。 –

+0

你能显示你的html吗? –

+1

将你的'click'处理程序放入你现在正在工作的'ready'处理程序 –