Question

我有这个改变缩放级别的脚本。目前，如果你一直点击按钮，尺寸会变大或变小。

有没有一种方法可以调整，以便在您点击小按钮时将缩放设置为特定级别并且不允许多次按下？同上大按钮。

<script type="text/javascript">
    jQuery(function($) {
    $(document).ready(function() {  
    var currFFZoom = 1;
    var currIEZoom = 100;

    $('#large').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom += step; 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');
        } else {
            var step = 15;
            currIEZoom += step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });

    $('#small').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom -= step;                 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');

        } else {
            var step = 2;
            currIEZoom -= step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });

    });
    });
</script>

Answer 1

您可以使用.one()，它会将处理程序附加到元素的事件中。每个事件类型的每个元素最多执行一次处理程序。

将代码更改为

$('#small').one('click',function(){

Answer 2

使用.one()代替.on（）

$('#large').one('click',function(){

从文档，每个事件类型的每个元素最多执行一次处理程序。

单击按钮设置缩放级别

2 个答案: