Мой скрипт, похоже, работает некорректно, то, что я пытаюсь получить, довольно понятно. Я пробовал несколько различных способов сделать эту работу, обыскал и попытался ее решить.
Я также попытался проверить журнал хрома через console.log()
но он не пропустил код.
Поэтому, если вы знаете решение, чтобы заставить его работать, я был бы признателен за ответ, как вы его решили и что было не так в коде.
NEW: Скрипка ниже содержит HTML.
jQuery(document).ready(function($){
$('#cart_review .quantity option :selected').change(function (event) {
$quan = $(this);
console.log($quan.parent().next()[0]);
$quan.parent().next().find('.price').text(function () {
return $quan.val() * parseInt($(this).attr('data-val'), 10) + ' kr';
});
var total = 0;
$('#cart_review .price').each(function(k, v){
total += parseFloat($(v).text(), 10);
});
$('#total').text(total + ' kr')
});
});
Проверьте это jfFiddle
Опция не имеет события изменения, выбирает. Вам необходимо изменить обработчик на:
$('#cart_review .quantity').change(function (event) {
//rest code
});
использовать это
$('#cart_review .quantity').change(function (event) {
// your logic here
}
вместо
$('#cart_review .quantity option').change(function (event) {}
Надеюсь это поможет...
$(function(){
$('select.quantity').change(function (event) {
Эй, я просто сменил селектор, я думаю, это то, что вы пытаетесь выполнить. Я сделал это с первым.