Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将HTML元素传递到Javascript函数中_Javascript_Jquery_Html_Parameters - Fatal编程技术网

将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);
    });    
};