Question

以下是我刚刚编写的一些开发代码，并一直想知道我能做些什么来提高效率。请帮助我使这个代码对象面向和如果任何人都可以帮助我为这个我的小部件编写自动化甚至非自动化测试...这也被视为关闭？我不认为它是，但我很想知道如何生产更好的质量/可重复使用的代码，提前谢谢！哦 - 对我使用的技术进行任何更正的奖励积分，我真的试图加强我的JS游戏，我知道它需要工作......火焰消失！

var ExplodedContentWidget = $('[data-widget~="exploded-content"]');
// search for existance of the exploded widget in DOM
if (ExplodedContentWidget[0]){
    var ExplodedDefaultEl = $('[data-function~="default-state"]');
    var ExplodedEl = $('[data-function~="exploded-state-1"]');
    var ExplodedEl2 = $('[data-function~="exploded-state-2"]');
    var CloseButton = $('.button-close');
    ExplodedEl.hide(); // default exploded content is hidden
    ExplodedEl2.hide();
    CloseButton.hide();
        ExplodedContentWidget.on('click',function(){
            ExplodedEl.slideToggle('slow');
        });
    var FullScreenViewButton = $('button');
        FullScreenViewButton.on('click',function(){
            ExplodedDefaultEl.hide();
            ExplodedContentWidget.addClass('exploded-fullscreen-state');
            ExplodedEl2.slideToggle('slow');
            CloseButton.fadeIn();
                ExplodedEl2.on('click',function(){
                    ExplodedContentWidget.removeClass('exploded-fullscreen-state');
                    ExplodedDefaultEl.show();
                    ExplodedEl.toggle();
                    ExplodedEl2.toggle();
                    CloseButton.hide();
            });
     });
}

Here is my fiddle

我试图重新考虑我写的这个javascript / jquery代码

0 个答案: