将HTML元素传递到Javascript函数中
我知道这个问题已经得到了回答,但似乎没有一个问题与我的观点完全相关。。我的代码如下。我需要将变量将HTML元素传递到Javascript函数中,javascript,jquery,html,parameters,Javascript,Jquery,Html,Parameters,我知道这个问题已经得到了回答,但似乎没有一个问题与我的观点完全相关。。我的代码如下。我需要将变量$dynamicPanel传入第二个函数,或者将此传入第二个函数。任何一种方式都是可以接受的 当我们进行此操作时,是否有任何方法可以让我等待几秒钟来执行FirstAnimation函数,而无需再次使用animate()方法 $(document).ready(function FirstAnimation() { var $dynamicPanel = $(".dynamicPanel");
$dynamicPanel
传入第二个函数,或者将此
传入第二个函数。任何一种方式都是可以接受的
当我们进行此操作时,是否有任何方法可以让我等待几秒钟来执行FirstAnimation
函数,而无需再次使用animate()
方法
$(document).ready(function FirstAnimation() {
var $dynamicPanel = $(".dynamicPanel");
$('.dynamicPanel').animate({
opacity: 0,
left: '100'
}, 5000, function () {
alert('first animation complete');
SecondAnimation(this);
});
});
function SecondAnimation(this) {
$(this).animate({
opacity: 1
}, 100, function () {
alert('second animation complete');
FirstAnimation();
});
};
如何更改
SecondAnimation(此)代码>到第二个动画($dynamicPanel)代码>?它看起来可以满足您的需要。这种等待可以通过
$(document).ready(function FirstAnimation() {
var $dynamicPanel = $(".dynamicPanel");
$dynamicPanel.animate({
opacity: 0,
left: '100'
}, 5000, function () {
alert('first animation complete');
SecondAnimation($dynamicPanel); // <--pass the proper variable ;)
});
});
function SecondAnimation(this) {
$(this).delay(5000).animate({ //<<-- wait five seconds
opacity: 1
}, 100, function () {
alert('second animation complete');
FirstAnimation();
});
};
$(文档).ready(函数FirstAnimation(){
变量$dynamicPanel=$(“.dynamicPanel”);
$dynamicPanel.animate({
不透明度:0,
左:“100”
},5000,函数(){
警报(“第一个动画完成”);
SecondAnimation($dynamicPanel);//使用SecondAnimation。应用(此)
此
是保留字,不能用作参数名称。应执行以下操作:
$(document).ready(function(){
FirstAnimation();
});
function FirstAnimation() {
//this function doesn't change, use your code
};
function SecondAnimation(elem) {
$(elem).animate({
opacity: 1
}, 100, function () {
alert('second animation complete');
setTimeout(function(){ //Delay FirstAnimation 7 seconds
FirstAnimation();
}, 7000);
});
};
希望这有帮助。干杯
$(document).ready(function(){
FirstAnimation();
});
function FirstAnimation() {
//this function doesn't change, use your code
};
function SecondAnimation(elem) {
$(elem).animate({
opacity: 1
}, 100, function () {
alert('second animation complete');
setTimeout(function(){ //Delay FirstAnimation 7 seconds
FirstAnimation();
}, 7000);
});
};