拖动条代码问题

qq_30104891 qq_30104891 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我的代码是这样:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="拖动条_Default3" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">

<title>拖动图层移动特效 </title>
<!-- Framework CSS -->
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection">
<form id="form1" runat="server">
//字体

<!--[if lt IE 8]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection"><![endif]-->

<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
ul li h4 {text-decoration: underline}
ul li h5 {margin-bottom: 0.5em}
ul li pre {border: 1px solid #eee; background: #fafcfc; padding: 10px 0 0 0; margin: 5px 10px}
.example{border: 1px dashed #d8d8d8; padding: 10px; margin: 10px;}

#example-31 #rating-31 {border: 1px solid #d8d8d8; border-width: 0 1px 0 1px}

</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/rating.min.js"></script>

</head>

<html>
<body>
<li>

<h5>Result</h5>
<div id="example-31" class="example">
<div id="rating-31"></div>
<div id="result-31"></div>
<div class="clearfix"></div>
</div>
<div class="clear"></div>
<div id="Div1" class="example">
<div id="rating-32"></div>
<div id="result-32"></div>
<div class="clearfix"></div>
</div>
<div class="clear"></div>
<asp:Image ID="Image2" runat="server" Width ="225" Height="157" />
</li>
<input id="text_id" type="text" />

<script type="text/javascript">
$(document).ready(function () {
var d = 1;
var s = 1;

$('#rating-31').slidy({
theme: {
image: 'themes/red.png',
width: 161,
height: 34
},
width: 161,
maxval: 10,
interval: 1,
defaultValue: 1,

finishedCallback: function (value) {

$('#result-31').html('You selected ' + value);
var d = value;
alert(d);
}

});
$('#rating-32').slidy({
theme: {
image: 'themes/red.png',
width: 161,
height: 34
},
width: 161,
maxval: 10,
interval: 1,
defaultValue: 1,
finishedCallback: function (value2) {
$('#result-32').html('You selected ' + value2);

var s = value2;
var url = "Default4.aspx?ISO=" + d + "&&KM=" + s;
$("#div_1").load(url);
}

});






})
</script>
<div id="div_1" style="width: 200px; height: 200px;"></div>
</form>

</body>
</html>


这是两个拖动条的代码,可是当我拖动一个拖动条时,另一个拖动条的值会变成原来的默认值,怎样才能使我得到的两个值同时被得到?可能有点说不清楚,望理解
...全文

相关推荐

评论 1
收藏 已收藏
分享
返回顶部
qq_30104891
JavaScript 87,984 成员 224,681 内容