jQuery 슬라이더를 사용할 수 없습니다.

jQuery에서 작동하는 슬라이더를 얻는 방법은 무엇입니까?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 내부 <div class='ui-slider-handle'></div>이 필요하지 않습니다, 그것은 jQueryUI에 의해 처리합니다.

출처

2011-03-14 02:04:19 Haochi

@ 好面 맙소사, 고마워! – s84

@Sam 아마도 이것을 답으로 표시해야합니다. ;) – mattsven

jQuery 슬라이더를 사용할 수 없습니다.

답변

관련 문제