Jquery大小文本

我已经创建了一个脚本，它应该增加或减少文本的大小（如下所示），但问题是当我单击其中一个图像并传递参数

menos

<script>

function increase_text(size,mode) {

    var size_ini=16;
    var size_max=20;
    var size_min=16;


    if (mode=="mas")
    {
        var size_increase = size_ini++;

        alert("ok"+size_increase);

        if (size_increase<20)
        {
            $(".content").css("font-size",""+size_increase+"px");
        }
        else
        {
            $(".content").css("font-size",""+size_max+"px");
        }
    }


    if (mode=="menos")
    {
        var size_increase = size_ini--;

        if (size_increase>=20 || size_increase>=size_min)
        {
            $(".content").css("font-size",""+size_increase+"px");
        }
        else
        {
            $(".content").css("font-size",""+size_min+"px");
        }
    }
}
</script>

功能增加\u文本（大小、模式）{
变量大小=16；
变量大小_max=20；
变量大小_min=16；
如果（模式=“毫安时”）
{
变量大小增加=大小ini++；
警报（“正常”+尺寸增加）；
如果（尺寸增加=20 | |尺寸增加>=尺寸最小值）
{
$（“.content”）.css（“字体大小”，“大小+增加+像素”）；
}
其他的
{
$（“.content”）.css（“字体大小”，“大小+最小值+像素”）；
}
}
}

标记

<div style="position:relative;width:100%;border:0px solid;height:40px;">
<img src="http://127.0.0.1/tfw_end/wp-content/themes/thefactoyweb/images/text_decrease.png" onclick="increase_text('1','menos');" style="display:block;float:right;cursor:pointer;cursor:hand;" alt="Aumentar Texto" title="Aumentar Texto">
<img src="http://127.0.0.1/tfw_end/wp-content/themes/thefactoyweb/images/text_increase.png" onclick="increase_text('1','mas');" style="display:block;float:right;cursor:pointer;cursor:hand;" alt="Reducir Texto" title="Reducir Texto"></div>

---

关于

我认为问题在于脚本中的任何地方都没有使用

size

变量，而是使用了其他变量（但从未使用过该变量）

---

问题的原因是没有使用变量

size

en tu código en ninguna parte

存在多个问题
1.

size\u ini

是一个局部变量，意味着每次调用

increase\u text

2.您的递增/递减逻辑也存在问题，即使

size\u ini

大于

size\u max

它仍保持递增，因此在下一次

reduce

时，单击文本将以比允许的大得多的字体显示

使用

var size\u ini=16；
变量大小_max=20；
变量大小_min=16；
功能增加\u文本（大小、模式）{
如果（模式=“毫安时”）{
size\u ini=size\u ini>=size\u max？size\u max:size\u ini+1；
}else if（模式==“菜单”）{
size\u ini=size\u ini代码中有一些东西不起作用

在jsfiddler中，由于作用域问题，您需要避免使用
onclick=“function（）{}”
。请使用
$（“img#reduce”）。单击（function（）{}；
当您单击图像时，
size\u ini
的初始值将永远是
16
，因为您在功能范围内启动了
size\u ini
。如果您的代码仍然不起作用，最好能更正并发布它
我已经重写了，明白吗

它有几个问题，
init
值不应该放在
函数中
，如果你把它放在
函数中
，每次它都会
init
，
estara bien si yo cambie tu pregunta？…porque el ingles不存在任何问题，对不起，我尝试这样做，但不增加，只增加1和stopfunc操作增加文本（大小，模式）{var size_ini=16；var size_max=20；var size_min=16；if（mode==“mas”）{var size_increase=size_ini+size++；@user2202136 Claro，pero hombre…无需使用
大小
…使用时请注意功能
var size_ini = 16;
var size_max = 20;
var size_min = 16;

function increase_text(size, mode) {
    if (mode == "mas") {
        size_ini = size_ini >= size_max ? size_max : size_ini + 1;
    } else if (mode == "menos") {
        size_ini = size_ini <= size_min ? size_min : size_ini - 1;
    }
    $(".content").css("font-size", size_ini + "px");
}