Question

我有一些代码，我相信这些代码非常冗余，我想让它更短更清洁。

所以我有一个包含五个域的列表，每个域都有一个滑块。我使用Simple Slider五次。我有这个：

$("#domain-1").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-2").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-3").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-4").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

$("#domain-5").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

如何简化这一点，以便我不必重复这些代码？我必须使用ID，因为每个滑块应该是唯一的。谢谢！

Answer 1

使用Multiple Selector (“selector1, selector2, selectorN”)

$("#domain-1, #domain-2,#domain-3,#domain-4,#domain-5").bind("slider:changed", function (event, data) {
  alert(data.value);
  alert(data.ratio);
});

Answer 2

为所有人分配课程可能会更容易。

$(".domains").bind("slider:changed", function (event, data) {
    alert(data.value);
    alert(data.ratio);
 });

通过jquery选择器迭代

2 个答案: