如何重用自调用函数

时间:2016-11-04 08:43:30

标签: jquery

我正在使用自动启动功能在图库中显示图像。单击后退按钮后,再次使用相同的功能。

有没有办法存储和重用相同的功能而无需一次又一次地编写整个函数?

继承我的自我推销功能:

(function run_kunst_slide() {   
$('.slideren.kunst_slider').fadeIn(300);

$('.slide_this_kunst').hide();
$('.slide_this_kunst:first-child').show().appendTo('.slideren.kunst_slider');

$('.slide_this_kunst').eq(-2).addClass( 'get_prev_slide' );
$('.slide_this_kunst:first-child').after().addClass( 'get_next_slide' ); 

$('img.kunsteksempel').hide().fadeIn(300);
$('.slider_kategori:nth-child(2)').addClass( 'active_kategori' );

setTimeout(function() { 
    $('.slide_this_kunst').eq(-2).removeClass( 'get_prev_slide' );
    $('.slide_this_kunst:first-child').after().removeClass( 'get_next_slide' );
}, 1900);

setTimeout(run_kunst_slide, 2000);

})();

1 个答案:

答案 0 :(得分:0)

最新答案,但我想说有一种重用自调用功能的方法。

该函数的名称在内部调用,并且只能从内部访问。

要从外部访问,我们需要添加到全局上下文。

var counter = 0;

(function autoExec(){
  console.log(`number: ${counter}`);
  //adding to global context
  window.autoExec = autoExec;
  counter++;
})();


autoExec();
autoExec();
autoExec();
autoExec();