Javascript滑块不显示数组?

Javascript滑块不显示数组?,javascript,html,css,Javascript,Html,Css,以下是我正在处理的页面的链接: 无论何时单击不同的数字,它都会更新滑块下方的价格。此javascript文件包含以下价格: https://www.servicerr.com/js/set_my_price.js 我不明白的是,为什么价格不会改变,为什么当你点击下一个数字时,每个数字都会突出显示 大约一年前,我让它正常工作,然后不得不重新创建它。只是不知道这次我做错了什么。任何帮助都将不胜感激 以下是其他两个文件的链接,这两个文件是实现此功能的Javascript文件: 下面是正在使用的HT

以下是我正在处理的页面的链接:

无论何时单击不同的数字,它都会更新滑块下方的价格。此javascript文件包含以下价格:

https://www.servicerr.com/js/set_my_price.js
我不明白的是,为什么价格不会改变,为什么当你点击下一个数字时,每个数字都会突出显示

大约一年前,我让它正常工作,然后不得不重新创建它。只是不知道这次我做错了什么。任何帮助都将不胜感激

以下是其他两个文件的链接,这两个文件是实现此功能的Javascript文件:

下面是正在使用的HTML代码:

  <div class="product2" style="margin-right:2%">
    <div class="title">STARTER</div>
    <div class="monthly">PARTNER DISCOUNT</div>
    <ul>
    <div class="servicerr-pricing-packet starter"><span class="original"><span style="font-weight: bold; border-bottom: 0px none; color: rgb(0, 125, 199); font-size: 70px; white-space:nowrap;margin:0 !important;">$34.96</span></span></div>
    <p style="font-size:20px;color:#000;margin-top:20px;border:0;padding:5px 0 0 !important;">website / monthly</p>
    </ul>
    <div class="order"><a href="https://www.servicerr.com/contact.php" style="font-size: 25px;" class="btn btngreen">Become A Partner</a></div>
  </div>
  <div class="product" style="margin-right:2%">
    <div class="title">SPECIALIZED</div>
    <div class="monthly">PARTNER DISCOUNT</div>
    <ul>
    <div class="servicerr-pricing-packet specialized"><span class="original"><span style="font-weight: bold; border-bottom: 0px none; color: rgb(0, 125, 199); font-size: 70px; white-space:nowrap;margin:0 !important;">$69.96</span></span></div>
    <p style="font-size:20px;color:#000;margin-top:20px;border:0;padding:5px 0 0 !important;">website / monthly</p>
    </ul>
    <div class="order"><a href="https://www.servicerr.com/contact.php" style="font-size: 25px;" class="btn btngreen">Become A Partner</a></div>
  </div>
  <div class="product2">
    <div class="title">BUSINESS</div>
    <div class="monthly">PARTNER DISCOUNT</div>
    <ul>
    <div class="servicerr-pricing-packet business"><span class="original"><span style="font-weight: bold; border-bottom: 0px none; color: rgb(0, 125, 199); font-size: 70px; white-space:nowrap;margin:0 !important;">$174.96</span></span></div>
    <p style="font-size:20px;color:#000;margin-top:20px;border:0;padding:5px 0 0 !important;">website / monthly</p>
    </ul>
    <div class="order"><a href="https://www.servicerr.com/contact.php" style="font-size: 25px;" class="btn btngreen">Become A Partner</a></div>
  </div>
定价
文件:

$(document).ready(function(){
var sliderUpdate = "";
    if ($('#servicerr-pricing-slider').length > 0) {

        var slider = null;

        if ($.fn.bootstrapSlider) {
            slider = $('#servicerr-pricing-slider').bootstrapSlider();
        } else {
            slider = $('#servicerr-pricing-slider').slider();
        }

        slider.on('slide', sliderUpdate);
        slider.on('slideStop', sliderUpdate);
    }

});
我还使用了原始
bootstrap slider.js的修改版本,该版本太长,无法在此处发布,但可以直接查看:
https://www.servicerr.com/js/bootstrap-slider.js


谢谢

看起来好像有人搞乱了原始代码:

/**/
var old_no = get_array( document.getElementById('servicerr-pricing-slider').value) ;
$(".color_less").css('color', '#08619f');

var no = get_array(a);

$("."+no[0]).css('color', '#ffbb50'); //alert(no[0]);
$("#starter").html("$"+no[1]);
$("#specialized").html("$"+no[2]);
$("#business").html("$"+no[3]);
/**/
为什么突出显示:

$(“.color\u less”)
将不匹配任何元素,没有任何元素与此类匹配

您可以添加类或将其更改为类似
$(“#servicerr定价滑块nums span”)

为什么价格没有变化:


$(“#专用”)
正在查找具有此id的元素,您已将其指定为元素上的类。将两者都更改为class或id,以便可以匹配。当然最好是id。

请自己显示问题中的所有相关代码,只需更新即可。有什么建议吗?sliderUpdate应该是一个函数
/**/
var old_no = get_array( document.getElementById('servicerr-pricing-slider').value) ;
$(".color_less").css('color', '#08619f');

var no = get_array(a);

$("."+no[0]).css('color', '#ffbb50'); //alert(no[0]);
$("#starter").html("$"+no[1]);
$("#specialized").html("$"+no[2]);
$("#business").html("$"+no[3]);
/**/