多个jQuery-UI滑块的总和

<div id="slider1"></div>
<div id="slider2"></div>
<div id="slider3"></div>
<button id="calculate">计算总和</button>
<p id="result"></p>

$(function() {
  // 初始化滑块
  $("#slider1").slider();
  $("#slider2").slider();
  $("#slider3").slider();

  // 监听计算按钮的点击事件
  $("#calculate").click(function() {
    // 获取滑块的值并相加
    var value1 = $("#slider1").slider("value");
    var value2 = $("#slider2").slider("value");
    var value3 = $("#slider3").slider("value");
    var sum = value1 + value2 + value3;

    // 显示总和结果
    $("#result").text("多个滑块的总和为：" + sum);
  });
});