我使用這個範圍滑塊,我只是不能因爲某種原因的樣式,這裏是我的代碼。我認爲這是要麼爲每個句柄滑塊創建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