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