切换JQuery滑块 - 默认值为50％

Question

有谁知道如何将我的JQuery滑块默认值更改为50％？

您可以通过前往：http://www.workbooks.com/sales-performance-calculator并点击“立即开始”来查看滑块。

代码（我相信）如下：

 if(@$value['type'] == "percentage"){
        $array = wb_spc_form_element_select_percentage();
        $array["#title"] = $value['title'];
        $array['#attributes']['class'] = array("wb_spc_percentage");
        $array['#default_value'] = empty($form_state['storage']['values']['step1'][$key]) ? '' : $form_state['storage']['values']['step1'][$key];

自定义模块还有一些其他滑块，您可以在以下位置查看完整代码：http://jsfiddle.net/40c02cfv/

在HTML字段中，您会看到：.module，在CSS字段中，您可以看到values.php

非常感谢，

萨姆

Answer 1

好的，我明白了。

在我的JSFiddle的第172行，你会看到以下内容：

 if(@$value['type'] == "percentage"){
    $array = wb_spc_form_element_select_percentage();
    $array["#title"] = $value['title'];
    $array['#attributes']['class'] = array("wb_spc_percentage");
    $array['#default_value'] = empty($form_state['storage']['values']['step1'][$key]) ? '50' : $form_state['storage']['values']['step1'][$key];

就像在引号中添加50一样简单。

工作了一顿！谢谢你的所有答案，

萨姆

Answer 2

该值给出了默认值： http://api.jqueryui.com/slider/#option-value

希望这是有帮助的

Answer 3

＆＃13;

＆＃13;

  $(function() {
    $( "#slider" ).slider({
      value: 50,
      min: 0, 
      max: 100,
      step: 1, 
      slide: function(event, ui){
        $("#edit-varprice").val(ui.value + ".00");
      }  
    });
    
    $( "#edit-varprice" ).val( $( "#slider" ).slider( "value" ) + ".00");
  });

＆＃13;

  
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
  
  <link rel="stylesheet" type="text/css" href="/css/normalize.css">
  
  
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
  
  
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  
    
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
    
  


</head>
<div id="slider"></div><br />
<p>
    <label for="edit-varprice">Percentage:</label>
    <input type="text" id="edit-varprice" />
</p>

＆＃13;

＆＃13;

＆＃13;

基本上你需要传递值：50，可以根据需要默认设置。