Javascript 需要使滑块工作

大家好，我需要你们的帮助。我正在使用js的这段代码来实现它

但是我不想在里面添加一个外部js

严格使用； var$=window.jQuery； /* 风险价值和收益率={ b1:119， b2:139， b3:159， b4:189， b5:219， b6:249 }; */ 风险价值和收益率={ b1:99， b2:119， b3:139， b4:169， b5:189， b6:229 }; 每个浴室的var=20； $window.readyfunction{ 更新价格； $'input[type=radio]'。在'change'，updatePrice； $'ui-slider1，ui-slider2'。在'slidechange'，updatePrice； }; // 医生准备好了吗 函数更新价格{ var perc_off=0.0， 卧室=$'ui-slider1'。滑块'选项'，'值'， 浴室=$'ui-slider2'。滑块'选项'，'值'， freq_id=$'input[type=radio]：选中“.attr'id”， 总价=0； 总价=卧室价格['b'+卧室]； 总价+=浴室*每个浴室； 如果freq_id=='r1'{ //一次 perc_off=0； } 如果freq_id=='r2'{ //每周八折 perc_off=.20； } 如果freq_id=='r3'{ //每两周七五折 perc_off=.15； } 如果频率id='r4'| |频率id=='r5'{ //每3或4周，可享受10%的折扣 perc_off=.1； } //减去频率折扣 总价*=1%折扣； //在按钮上设置总价 $total-price.htmlparseInttotal_价格； } $document.on'change'，'ui-slider\u amount1'，function e{ console.log$this.val； }; $document.on'submit'，home form'，function e{ //e.防止违约； var$\u form=$this； var$_service_id=$'service_id'； 变量卧室=$'ui-slider\uuu amount1'.val； var bathrooms=$'ui-slider\uuuu amount2'.val； $‘输入卧室’。虚拟卧室； $‘输入浴室’。浴室； $“定价参数数量”。卫生间； 如果卧室=1{ $\u service\u id.val4； } 如果卧室==2，则为else{ $\u service\u id.val6； } 如果卧室=3，则为其他房间{ $\u service\u id.val2； } 如果卧室==4，则为else{ $\u service\u id.val1； } 如果卧室==5，则为其他房间{ $\u service\u id.val3； } 如果卧室=6，则为其他房间{ $\u service\u id.val7； } 否则{ $\u service\u id.val4； } }; 这是外部java脚本 检查正在进行的演示 http://getondesk.com/demo/zenclean/ 它是一个前滑块

卧室：

浴室：

一次服务 每周 八折

每两周最受欢迎 八五折

每3周 九折

-> 每4周 九折

现在预订$101/净

---

我做了一个：请喜欢它，它花了我30分钟的生命xD。在全屏模式下查看：

var room=document.getElementByIdbedNumber.getContext2d； var stay=document.getElementByIdstayNumber.getContext2d； room.beginPath； room.fillStyle=红色； 20、0、30、10号房间； 留下来，开始前进； stay.fillStyle=红色； 停留时间：20,0,30,10； var RoomNumber=0； var StayNumber=0； var-Lux=0； 函数chosecontext、事件{ var X=event.clientX-80； 如果上下文==房间{ room.beginPath； room.fillStyle=红色； 房间0,0,1000,50； 房间.fillRectX，0,30,10； 房间号=X/2； }否则{ 留下来，开始前进； stay.fillStyle=红色； 保持0,0,1000,50； stay.fillRectX，0,30,10； StayNumber=X； } 价格 } 函数addLuxurylux{ 勒克斯=勒克斯*50； 价格 } 功能价格{ var总数=房间数+StayNumber+勒克斯； document.getElementByIdtotal.innerHTML=为+总计+美元购买房间； } 滑块{ 背景色：rgba0,0,0,0.3； 宽度：600px； 高度：400px； } h1{ 颜色：白色； 文本对齐：居中； } u{ 颜色：白色； } 帆布{ 边框：2件纯黑； 左边距：50像素； 背景色：白色； } 钮扣{ 背景色：0099ff； 边界半径：25px； 利润率：8px； } 总数{ 背景色：6666ff； 边界半径：25px； 文本对齐：居中； } 酒店客房价格优惠 房间： 逗留： 奢侈 奢侈品：不好 +每日0元 奢侈品：好的 +每天75美元 奢侈品：哇 +每天150美元 奢侈品：最好的 +215美元/天 以0美元购买房间$

---

当你说外部JS文件时，你是指来自不同服务器的文件吗？不是说我们链接了一个文件，但我们不想链接一个文件。从js文件夹中，文件不必位于特定文件夹中。您只需要指定它的正确路径。。。除非您使用的框架希望文件位于某些位置，否则请复制滑块插件的整个代码

---

nd将其粘贴到HTML页面标签中的标签中，该页面包含这些滑块。这很简单…：！你能把它添加到其他我无法打开代码的地方吗