通过jQuery调整字体大小在Chrome和Safari浏览器上不起作用

Resizing font size by jQuery does not work on Chrome and Safari browsers

本文关键字：Safari 浏览器 不起作用 Chrome 调整 jQuery 字体 通过      更新时间：2023-09-26

我试图在一个网站上实现字体调整功能。我写了一些jQuery代码，它在Mozila上运行得很好，但在Chrome、Safari等其他浏览器上不起作用。在Chrome和Safari上，它只在第一次点击时调整字体大小。这是我的密码。

JQuery代码

jQuery(document).ready(function(){
jQuery('[id="fontlarge"]').click(function(){
        jQuery('*').each(function(){
            var fontSize = jQuery(this).css('font-size');
            fontSize =  fontSize.substr(0,2);
            //alert(fontSize);
            if(fontSize<=13)
            {
                var currentSize = jQuery(this).css('font-size');
                var currentSize = parseFloat(currentSize)+.2;
                jQuery(this).css('font-size', currentSize);
            }
        });
    }); 
jQuery('[id="fontsmall"]').click(function(){
        jQuery('*').each(function(){
            var fontSize = jQuery(this).css('font-size');
            fontSize =  fontSize.substr(0,2);
            //alert(fontSize);
            if(fontSize>=12)
            {
                var currentSize = jQuery(this).css('font-size');
                var currentSize = parseFloat(currentSize)-.2;
                jQuery(this).css('font-size', currentSize);
            }
        });
    }); 
});


HTML代码

<span id="fontsmall" style="cursor:pointer;">-</span>&nbsp;&nbsp;<span id="fontlarge" style="cursor:pointer;">+</span>

我不知道如何解决这个问题。

是否可以使用整数来调整字体大小，如果可以的话应该解决。

我注意到你的代码中还有一件事，如下所示：-

fontSize.substr（0,2）

即使你的字体大小是10.2、10.4等，它也会始终返回两位数。

所以这是因为浏览器只是第一次扩展你的字体大小。我不知道为什么要在firefox上工作，但它不应该在任何地方工作。

请使用fontSize.slice（0，-2）

相关文章：