無法讓jQuery滑塊工作

HTML：

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
</head> 
<body> 
    <div id='example1' class='ui-slider-1' style="margin: 40px;"> 
     <div class='ui-slider-handle'></div>  
</div> 

</body>

CSS：

.ui-slider-handle { 
    border:1px solid silver; 
    height:10px;width:10px; 
    background-color:black; 
} 

#example1 { 
    width:1050px; 
    background-color:white; 
    border:1px solid black; 
}

的jQuery：

$('#example1').slider({ minValue: -100, maxValue: 100 });

讓我知道如果你需要更多的代碼。我究竟做錯了什麼？

來源

2011-03-14 s84

看起來你只需要添加一些jQueryUI樣式。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" type="text/css" media="all" />

而且，你不需要有<div class='ui-slider-handle'></div>的div裏面，它是由jQueryUI的處理。

來源

2011-03-14 02:04:19 Haochi

@好吃燁，謝謝！ – s84 2011-03-14 02:06:07

@Sam你應該把這個標記爲答案。 ;） – mattsven 2011-03-14 02:24:54

無法讓jQuery滑塊工作

回答

相關問題