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());

拖拉机滑块一起添加值

1 个答案: