Question

在下单时选择数量时，我有两个按钮-和+，这会减少/增加数量（不超过min和max金额）。

达到分钟后，-按钮显示为灰色。达到最大值后，+按钮显示为灰色。系统会显示工具提示，其中显示Quantity cant be less than <min>或Quantity cant be more than <max>。

if ($button.hasClass("minus") && $quantity <= $("#dropdown").data("min")) {
  $button.addClass("grayout");
  $("#tooltip").html("Quantity can't be less than " + $("#centerbox").html()).show();
} else if ($button.hasClass("plus") && $quantity >= $("#dropdown").data("max")) {
  $button.addClass("grayout");
  $("#tooltip").html("Quantity can't be more than " + $("#centerbox").html()).show();
}

我有这个if else语句来完成这项工作。由于if else块的内容几乎相同，除了＆＃34; less＆＃34;和＆＃34;更多＆＃34;。什么是优化代码的最佳方式？

所有元素都是从JS创建的：

var $centerBox = $("<div>",{id:"centerbox"});
var $negButton = $("<input>",{type:"button","class":"custombutton minus",value:"-"});
var $posButton = $("<input>",{type:"button","class":"custombutton plus",value:"+" });

这三个元素都是conainer div的兄弟姐妹。从{button> onclick事件创建的var $button = $(ev.target);。

我尝试过的事情（但尚未满足）：

有条件由＆＃34; ||＆＃34;并在块内，再次检查课程并相应地修改文本。
在将按钮元素映射到单词
修改工具提示文字以说明Cant go beyoond the range <min> and <max>

工具提示的按钮和单词之间的映射

0 个答案: