Question

我在javascript上非常新的并且我正在尝试创建一个输出短语而不是值的滑块。到目前为止编码看起来像这样。我使用slider code from jqueryui作为基础来学习。

＆＃13;

$( function() {
		$( "#slider" ).slider({
			value:1,
			min: 1,
			max: 7,
			step: 1,
			slide: function( event, ui ) {
				$( "#amount" ).val( ui.value );
			}
		});
		$( "#amount" ).val( $( "#slider" ).slider( "value" ) );
	} );

＆＃13;

我在考虑添加if / else语句，但我不知道如何实现它。我希望每个号码都附加一个单独的短语。有没有办法用一个单词替换输出值（例如，1,2,3等）？

Answer 1

您可能希望为滑块添加最大数量的个案。

var determineWord = function(value) {
  var word = "";
  console.log(value);
  switch (value) {

    case 1:
      word = "test";
      break;

    case 2:
      word = "test2";
      break;
  }
  console.log(word);
  return word;
};

$(document).ready(function() {
  $("#slider").slider({
    value: 1,
    min: 1,
    max: 7,
    step: 1,
    slide: function(event, ui) {
      $("#amount").val(determineWord(ui.value));
    }
  });
  $("#amount").val($("#slider").slider("value"));
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<body>
  <div id="slider"></div>
  <br/><br/>
  <div id="amount"></div>
</body>

如何用一个单词替换选择的值？

1 个答案: