Я получаю эту ошибку, только в IE:
Object doesn't support this property or method
Line: 56
Sign: 5
Code: 0
Код Javascript:
function recalcTotalPrice(item) {
values = $("input", item).serialize();
$.post( url,
values,
function (data,textStatus, jqXHR) {
variant_wrapper = $(item).parents(".variant");
$(".price", variant_wrapper).html(data.total_price);
56: updateProductPrice(item);
})
};
function updateProductPrice(item) {
wrapper = $(item).parents('.advertising_product');
$(".total_price", wrapper).html(sum($(".price", wrapper).map(function() {return parseFloat($(this).html())}).toArray()));
};
Кто-нибудь?
РЕДАКТИРОВАТЬ 1:
Вот отрендеренный HTML-код, который запускает JavaScript:
<li>
<label class="month" for="month">Mar</label>
<div class="week ">
<input id="386_1_10" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|10" />
<label for="386_1_10">10</label>
</div>
<div class="week ">
<input id="386_1_11" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|11" />
<label for="386_1_11">11</label>
</div>
<div class="week ">
<input id="386_1_12" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|12" />
<label for="386_1_12">12</label>
</div>
<div class="week ">
<input id="386_1_13" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|13" />
<label for="386_1_13">13</label>
</div>
</li>
<script>
$('#item_386.week_picker_wrapper').weekPicker(
{
url: '/products/100/items/386/calc_total_price'
}
);
</script>
При нажатии флажка вызывается JavaScript.
Вот полный JavaScriptкод:
jQuery.fn.weekPicker = function(options) {
var self = this;
var week_picker = new WeekPicker(options, self);
}
jQuery.fn.weekLocker = function() {
var self = this;
var week_picker = new WeekLocker(self);
};
WeekPicker = function(options, selector) {
var url = options.url;
var yearPos = 0;
$("a.prev_year", selector).click(function() {
if (yearPos > 0) {
$(".year", selector).css("margin-left", --yearPos * -55)
$(".week_picker", selector).css("margin-left", yearPos * -185)
}
return false;
})
$("a.next_year", selector).click(function() {
if (yearPos < 2) {
$(".year", selector).css("margin-left", ++yearPos * -55)
$(".week_picker", selector).css("margin-left", yearPos * -185)
}
return false;
})
$(".disabled input[type='checkbox'], .busy input[type='checkbox'], .locked input[type='checkbox']", selector).click(function () {
return false;
})
$("input[type='checkbox']", selector).change(function() {
recalcTotalPrice(selector);
});
function getValues(selection) {
return selection.map(function() {return $(this).html()}).toArray().join(",")
}
function recalcTotalPrice(item) {
values = $("input", item).serialize();
$.post( url,
values,
function (data,textStatus, jqXHR) {
variant_wrapper = $(item).parents(".variant");
$(".price", variant_wrapper).html(data.total_price);
updateProductPrice(item);
})
};
function updateProductPrice(item) {
var wrapper = $(item).parents('.advertising_product');
$(".total_price", wrapper).html(sum($(".price", wrapper).map(function() {return parseFloat($(this).html())}).toArray()));
};
function sum(arr) {
for(var s = 0, i = arr.length; i; s += arr[--i]);
return s;
};
recalcTotalPrice(selector);
};
РЕДАКТИРОВАТЬ 2:
Я избавился от неприятных ошибок, так что теперь у меня "только" есть еще одна проблема.Эта функция не срабатывает в IE7, IE8
$("input[type='checkbox']", selector).change(function() {
recalcTotalPrice(selector);
});
Я подозреваю, что именно "изменение" не работает в IE.Я нашел это http://www.sitepoint.com/forums/showthread.php?626340-jQuery-change()-event-in-IE-not-triggering-properly-with-checkbox
Но я не знаю, как внедрить это в мой код.