牵引机滑块相加值

Question

我试图使用Dragdealer来创建一个小游戏，但是我的格式总是错误的。我想把这两个值相加起来，确保它们仍然是同步的，因此它们在20个地方之间。

<div id="wrapper">
        <div class="content-scroller1">
            <div id="content-scroller1" class="dragdealer">
                <div class="handle red-bar" style="-webkit-perspective: 1000px; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0px);">
                <span class="value1"></span>
            </div>

        </div>

        <div class="content-scroller2">
            <div id="content-scroller2" class="dragdealer">
                <div class="handle red-bar" style="-webkit-perspective: 1000px; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0px);">
                <span class="value2"></span>
            </div>

        </div>

        <input type="button" value="Get slider value" id="button1" />


    </div>



new Dragdealer('content-scroller1', {
  horizontal: false,
  vertical: true,
  yPrecision: 100,
  animationCallback: function(x, y) {
  $('.content-scroller1 .value1').text(Math.round(y * 100));
  }
});

new Dragdealer('content-scroller2', {
  horizontal: false,
  vertical: true,
  y: 1,
  yPrecision: 100,
  animationCallback: function(x, y) {
  $('.content-scroller2 .value2').text(Math.round(y * 100));

  }
});

var syncTest = function () {
  var posOne = parseInt($('.content-scroller1 .value1').text());
  var posTwo = parseInt($('.content-scroller2 .value2').text());

if ((posOne + posTwo > 90) && (posOne + posTwo < 110)); {
    alert($('yes'));
  }



};

Answer 1

<span class="value">83</span>没有属性值。

将val()更改为text()

var posOne = parseInt($('.content-scroller1 .value1').text());
var posTwo = parseInt($('.content-scroller2 .value2').text());