Question

这可能是偏离主题的，所以请原谅我。我正在尝试优化我正在处理的网站，这是一个相当JS / jQuery很重的网站。

这就是我现在触发功能的方式;

<a class="js-trigger" data-trigger-type="modal">Trigger a modal</a>
<a class="js-trigger" data-trigger-type="animation">Trigger an animation</a>

$('.js-trigger').on('click', function() {
    var triggerType = $(this).data('trigger-type');
    if ( triggerType === 'modal' ) {
        sampleModalFunction();
    }
    else if ( triggerType === 'animation' ) {
        sampleAnimationFunction();
    }
});

似乎比运行多个.on('click')函数更有效率，但是我真的造成的负载时间比我想要保存的还多吗？

Answer 1

<a class="js-trigger" data-trigger-type="modal">Trigger a modal</a>
<a class="js-trigger" data-trigger-type="animation">Trigger an animation</a>


        $('.js-trigger').on('click', function() {
            if ( $(this).data('trigger-type') === 'modal' ) {
                sampleModalFunction();
            }
            else {
                sampleAnimationFunction();
            }
        });

尝试不使用额外的变量，否则如果条件。

谢谢

JS - 运行函数的最有效方法

1 个答案: