我使用这个范围滑块,我只是不能因为某种原因的样式,这里是我的代码。我认为这是要么为每个句柄滑块创建id。风格jquery范围滑块
<div class="col-lg-6 col-sm-6">
<div class="form-group">
<label for="payment-frequency">Payment frequency: </label> <span id="selected-payment-frequency"></span>
<select id="payment-frequency" class="form-control">
<option value="weekly">Weekly</option>
<option value="biweekly">Biweekly</option>
<option value="monthly" selected>Monthly</option>
</select>
</div>
<div class="form-group">
<label for="credit-score">Credit Score:</label> <span id="selected-score"></span>
<select id="credit-score" class="form-control">
<option value="A" selected>A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
</select>
</div>
<ul>
<li>Loan total: <span id="loan-total"></span></li>
<li>Interest total: <span id="interest-total"></span></li>
<li>Payment: <span id="payment"></span></li>
<li>Service fee: <span id="service-fee"></span></li>
<li>CAT: <span id="total-annual-cost"></span></li>
<li>Grand total: <span id="grand-total"></span></li>
</ul>
<hr>
</form>
</div>
</div></div>
</div><!-- col-sm-10 -->
</div><!-- row -->
</div><!-- container -->
这是以下的java代码。我试图创建的是一个贷款滑动计算器与金额和其他与月份,风格编号喜欢接近我的一个评论和链接,在评论部分。
(function($){
// Accepts arguments as strings
$calculator = $('#widget').loanCalculator({
loanAmount : 7500.00,
loanDuration : '60',
valueAddedTax : '43.8%',
serviceFee : '0%',
paymentFrequency : 'monthly'
});
// Can also take numbers as arguments...
$calculator.loanCalculator('update', {
loanAmount : 7500.00,
loanDuration : 60,
valueAddedTax : 43.8,
serviceFee : 0.00,
paymentFrequency : 'monthly'
});
// Generate amortization schedule as json.
var getAmortizationSchedule = function() {
var scheduleData = $calculator.loanCalculator('schedule');
return JSON.stringify(scheduleData, undefined, 2);
};
// Dump the schedule in the DOM
var $schedule = $('#amortization').html(getAmortizationSchedule());
// Event handler for the update method.
$calculator.on('loan:update', function() {
$schedule.html(getAmortizationSchedule());
});
})(jQuery);
哪里是js代码 – Rahul
而这正是我试图实现与两个手柄https://codepen.io/thebabydino/pen/OPzwzK – Luke
如果你有更多的代码显示卢克,请将其添加到问题。我已经删除了一些关于“帮助你解决问题”的问题,但我在这里看不到具体的问题。你为什么不能塑造它?你遇到什么麻烦? – halfer