Jquery UI 滑块不工作
我的 Jquery 滑块不工作。
这是我的标题代码：
<head>
<link href="/stylesheets/public.css?1316972296" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/tipTip.css?1263394346" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/jquery.js?1316972671" type="text/javascript"></script>
<script src="/javascripts/jquery-ui.js?1316972675" type="text/javascript"></script>
<script src="/javascripts/jquery_ujs.js?1312204886" type="text/javascript"></script>
<script src="/javascripts/application.js?1316972551" type="text/javascript"></script>
<script src="/javascripts/jquery.tablesorter.min.js?1314102048" type="text/javascript"></script>
<script src="/javascripts/jquery.tipTip.minified.js?1269274200" type="text/javascript"></script>
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="OALn13CELwr3umFrj2BVDeLzw8VhZ2Hmjm/+g2SrGRs="/>
<script type="text/javascript">
$(document).ready(function() {
$("#slider").slider({
value: 100,
min: 0,
max: 1000,
step: 100,
slide: function(event, ui) {
if (ui.value == $(this).slider('option', 'max')) {
$(ui.handle).html('Ubegrænset');
$('#sliderValue').val('99999');
} else {
$(ui.handle).html(ui.value);
$('#sliderValue').val(ui.value);
}
}
}).find('a').html($('#slider').slider('value'));
$('#sliderValue').val($('#slider').slider('value'));
$('.tip').tipTip(defaultPosition: "top");
});
</script>
</head>
在我的页面中我有：
<div id="slider"></div>
<input id="sliderValue" />
My Jquery slider is not working.
Here is my header code:
<head>
<link href="/stylesheets/public.css?1316972296" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/tipTip.css?1263394346" media="screen" rel="stylesheet" type="text/css" />
<script src="/javascripts/jquery.js?1316972671" type="text/javascript"></script>
<script src="/javascripts/jquery-ui.js?1316972675" type="text/javascript"></script>
<script src="/javascripts/jquery_ujs.js?1312204886" type="text/javascript"></script>
<script src="/javascripts/application.js?1316972551" type="text/javascript"></script>
<script src="/javascripts/jquery.tablesorter.min.js?1314102048" type="text/javascript"></script>
<script src="/javascripts/jquery.tipTip.minified.js?1269274200" type="text/javascript"></script>
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="OALn13CELwr3umFrj2BVDeLzw8VhZ2Hmjm/+g2SrGRs="/>
<script type="text/javascript">
$(document).ready(function() {
$("#slider").slider({
value: 100,
min: 0,
max: 1000,
step: 100,
slide: function(event, ui) {
if (ui.value == $(this).slider('option', 'max')) {
$(ui.handle).html('Ubegrænset');
$('#sliderValue').val('99999');
} else {
$(ui.handle).html(ui.value);
$('#sliderValue').val(ui.value);
}
}
}).find('a').html($('#slider').slider('value'));
$('#sliderValue').val($('#slider').slider('value'));
$('.tip').tipTip(defaultPosition: "top");
});
</script>
</head>
And in my page I have:
<div id="slider"></div>
<input id="sliderValue" />
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
以下行在语法上不正确：
您可能的意思是：
更新的示例： http://jsfiddle .net/andrewwhitaker/z3xV3/
The following line is syntactically incorrect:
You probably mean:
Updated Sample: http://jsfiddle.net/andrewwhitaker/z3xV3/