ошибка JavaScript только в IE - PullRequest
       1

ошибка JavaScript только в IE

1 голос
/ 23 октября 2011

Я получаю эту ошибку, только в 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

Но я не знаю, как внедрить это в мой код.

1 Ответ

0 голосов
/ 23 октября 2011

Я думаю, это просто, что вы забыли var!

var wrapper = $(item).parents('.advertising_product');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...