Question

var currFFZoom = 1;
var currIEZoom = 100;

$('#plusBtn').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 + '%');
    }
});

$('#minusBtn').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 + '%');
    }
});

我在Javascript中使用了此代码，但它无效。我可以对这个要求有任何想法吗？

当我点击加号按钮时，我有两个按钮，网页必须放大，点击减号按钮可以缩小，点击其他按钮可以默认。

Answer 1

我稍微改变了你的代码以纠正一些事情。 MozTransform CSS属性应为-moz-transform。我还删除了你添加到属性值的几个不必要的空格：

var currFFZoom = 1;
var currIEZoom = 100;

$('#plusBtn').on('click',function(){
    if ($.browser.mozilla){
        var step = 0.02;
        currFFZoom += step; 
        $('body').css('-moz-transform', 'scale(' + currFFZoom + ')');
    } else {
        var step = 2;
        currIEZoom += step;
        $('body').css('zoom', currIEZoom + '%');
    }
});

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

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

在此处查看工作：fiddle。

编辑1

我在代码中留下了一些警告但只删除了它们。还解释了我在您的代码中所做的更改。

编辑2

请注意$.browser为deprecated，应谨慎使用，或者替换为Feature & Browser Detection。

当我点击加号按钮时，我有两个按钮，网页必须放大，点击减号按钮缩小。点击其他按钮，默认

1 个答案:

编辑1

编辑2