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

【问题标题】：Resizing font size by jQuery does not work on Chrome and Safari browsers通过 jQuery 调整字体大小在 Chrome 和 Safari 浏览器上不起作用
【发布时间】：2014-09-13 09:07:24
【问题描述】：

我试图在网站上实现字体大小调整功能。我编写了一些 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>

我不确定如何解决此问题。

【问题讨论】：

不确定这是否有帮助，因为它似乎是特定于浏览器的，但是......而不是[id="fontlarge"]，您可以使用#fontlarge。与[id="fontsmall"] 和#fontsmall 相同。
@DevlshOne DOM 元素选择器不是问题，因为我可以通过两种选择器 #fontlarge 和 [id="fontlarge"] 触发事件

标签： javascript jquery google-chrome safari browser

【解决方案1】：

你能用整数调整字体大小吗，如果可以的话应该解决。

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

fontSize.substr(0,2)

即使您的字体大小为 10.2、10.4 等，它也会始终返回一个两位数。

这就是浏览器第一次扩展字体大小的原因。我不确定为什么要在 firefox 上工作，但它不应该在任何地方工作。

请使用 fontSize.slice(0,-2)

【讨论】：