Javascript 使用滑块宽度值进行计算

Javascript 使用滑块宽度值进行计算,javascript,jquery,html,Javascript,Jquery,Html,我现在正在写这封信。这个计算有两个部分——门口和门。我不知道如何计算这些维度。我有一张带门道和门的桌子。我的身高不因门而改变。我意识到这一点。但在宽度方面,我遇到了一些问题。这种宽度值的公式应该是什么?我有一个想法:我写了一个数组,其中的对象值是height\width。但我不知道下一步该怎么办。谢谢大家! $(文档).ready(函数(){ 变量$total=$(“.total”); 变量$total1=$(“.total1”); 变量$tot=$(“.tot”); 变量$tot1=$(“.

我现在正在写这封信。这个计算有两个部分——门口和门。我不知道如何计算这些维度。我有一张带门道和门的桌子。我的身高不因门而改变。我意识到这一点。但在宽度方面,我遇到了一些问题。这种宽度值的公式应该是什么?我有一个想法:我写了一个数组,其中的对象值是height\width。但我不知道下一步该怎么办。谢谢大家!

$(文档).ready(函数(){
变量$total=$(“.total”);
变量$total1=$(“.total1”);
变量$tot=$(“.tot”);
变量$tot1=$(“.tot1”);
var mySlider=$(“#mySlider”).滑块({
射程:“分钟”,
最低:650,
步骤:50,
最高:1000,
价值:1000,
幻灯片:函数(事件、ui){
mySlider1.slider(“选项”,“值”,ui.value+50);
$total.val(ui.value);
},
更改:功能(事件、用户界面){
$total.val(ui.value);
} 
});
$total.val(mySlider.slider(“value”));
//$total.on(“键控”,功能(e){
//$(“#mySlider”).slider(“value”,this.value);
// });
var mySlider1=$(“#mySlider1”).滑块({
射程:“分钟”,
残疾人:对,,
最低:600,
步骤:100,
最高:900,
价值:900,
幻灯片:功能(事件、用户界面){
mySlider.slider(“选项”,“值”,ui.value-100);
$total1.val(ui.value);
},
更改:功能(事件、用户界面){
$total1.val(ui.value);
} 
});
$total1.val(mySlider1.slider(“value”);
var rangeSlider=$(“#rangeSlider”).slider({
方向:“垂直”,
射程:“分钟”,
最低:2040,
最高:2080,
价值:3000,
幻灯片:功能(事件、用户界面){
$tot.val(用户界面价值);
范围滑块1.滑块(“选项”、“值”、ui.value);
},
更改:功能(事件、用户界面){
$tot.val(用户界面价值);
} 
});
$tot.val(RangeSlaider.slider(“值”));
变量rangeSlider1=$(“#rangeSlider1”).slider({
方向:“垂直”,
残疾人:对,,
射程:“分钟”,
分:0,,
最高:2000,
价值:2000年,
幻灯片:功能(事件、用户界面){
$tot1.val(ui.value);
RangeSlaider.slider(“选项”、“值”、ui.value);
},
更改:功能(事件、用户界面){
$tot1.val(ui.value);
} 
});
$tot1.val(rangeSlider1.slider(“值”));
//var sliderOptions=[
//{minWidth:650},
//{maxWidth:1000},
//{minHeight:2040},
//{maxHeight:2080},
//{门高:2000},
//{doorMaxWidth:900},
//{doorMinWidth:600}
// ];
//函数(){
// }
});

jqueryui:具有最小范围的滑块

高度:

宽度:

高度:

宽度: