为脚本调用

时间:2018-04-26 08:42:59

标签: javascript

我将以下毛刺效果应用于我的页面的一部分,但它可能会让人分心。我希望创建一个切换按钮来禁用和重新启用脚本。

http://eg-graphics.com/zwooper/EGVGV/Season3/MemoryWall.html

所以要调用该函数我有以下代码:

 $( function() {
    $( ".glitch-img" ).mgGlitch({
        destroy : false, // set 'true' to stop the plugin
        glitch: true, // set 'false' to stop glitching
        scale: true, // set 'false' to stop scaling
        blend : true, // set 'false' to stop glitch blending
        blendModeType : 'hue', // select blend mode type
        glitch1TimeMin : 600, // set min time for glitch 1 elem
        glitch1TimeMax : 900, // set max time for glitch 1 elem
        glitch2TimeMin : 10, // set min time for glitch 2 elem
        glitch2TimeMax : 115, // set max time for glitch 2 elem
    });
});

要禁用此插件,我需要将其设置为destroy : true.

我挣扎的地方是,我无法使用destroy:true回复该功能,然后又回到destroy : false

提前谢谢

1 个答案:

答案 0 :(得分:2)

var toggle=false; 
$("#toggleBut").on("click",function() { 
    toggle=!toggle; 
    $( ".glitch-img" ).mgGlitch({destroy : toggle }); 
});

https://codepen.io/anon/pen/rvMMzw