JQuery UI滑塊問題

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="http://localhost/test/styles/jquery/ui/skins/redmond/jquery-ui-1.7.2.custom.css" media="screen" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
     #demo-frame > div.demo { padding: 10px !important; }; 
    </style> 

    <script type="text/javascript"> 
     $(function() { 
     $(".slider-range").slider({ 
      range: true, 
      min: 0, 
      max: 24 

     }); 
     }); 
    </script> 

</head> 
<body> 

    <div class="demo"> 
     <p> 
      <label for="amount">Time range:</label> 
      <input type="text" id="amount1" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
      <input type="text" id="amount2" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
      <input type="text" id="amount3" style="border:0; color:#f6931f; font-weight:bold;" value="" /> 
     </p> 

     <div id="slider-range1" class="slider-range"></div> 
     <div id="slider-range2" class="slider-range"></div> 
     <div id="slider-range3" class="slider-range"></div> 

    </div> 

     <script type="text/javascript"> 
     <?php for ($i=1; $i<=3;$i++) { ?> 
      $("#slider-range" + <?php =$i?>).slider('values' : [5 , 20]) 
     <?php } ?> 
     </script> 
</body> 
</html>

我有上面的代碼，但它不是指向5和20也範圍從0-24更改爲0-100 ..請幫我解決這個問題...而不是5和20 ..我的價值從databasse未來....JQuery UI滑塊問題

問候 Nisanth

來源

2010-01-22 Nisanth Kumar

只是嘗試

$("#slide1").slider('values', 0, 10); 
$("#slide1").slider('values', 1, 20);

希望這將有助於:)

來源

2010-01-22 12:54:19 viMaL

首先，你需要合適的正確的代碼:)

總是結束與一個javascript線;
閱讀文檔！ :-)

您使用

滑塊（ '值'：[5,20]）

並且它應該是

滑塊（{值：[5，20]}）

來源

2010-01-22 07:55:36 balexandre

這工作正常，但範圍從0-24改爲0-100 .... 也css之間的範圍內丟失... :( – 2010-01-22 07:58:30

爲那個答案，我不認爲你完全理解sliderder！ – balexandre 2010-01-22 08:01:13

是的..即時通訊新的這..但我需要實現從數據庫的小時範圍...如果你不介意請給我一個示例代碼..提前感謝 – 2010-01-22 08:25:29

我還沒有我們編輯滑塊，但看看這有助於：

$(".selector").slider({ min: 5, max: 20 });

來源

2010-01-22 08:09:16 Fenton

JQuery UI滑塊問題

回答

相關問題