Функциональность jQuery не работает в Chrome и IE 8

Question

Я новичок в jQuery. Я работаю над исправлением ошибки, которую вижу на моем сайте.У меня есть вызов ajax, который выполняется, если вы установите / снимите флажок в корзине.Поэтому, если я уберу галочку в корзине, она автоматически сохранится.Это работает в FF, но не в Chrome или IE.Любые предложения относительно того, в чем может быть проблема?

function toggleDisplay(id,boutiqueid){
  obj = $('#'+id);
  chk = obj.find('input[name='+id+']');
  if(chk.is(':checked')){
    $.ajax({
      url:'MyRecentPurchaseProcess.jsp?action=add&boutiqueId='+boutiqueid+'&shipment='‌​+id,
      success: function(data) {
        eval(data);
        if(outcome.result=='true'){
          obj = $('#'+id);
          obj.find('.blanket_fold').attr('class','blanket_unfold')
          obj.find('.prod').attr('class','prod_under');
        }
      }
    });
  } // inserted by editor
  else{
    $.ajax({
      url:'MyRecentPurchaseProcess.jsp?action=delete&boutiqueId='+boutiqueid+'&shipmen‌​t='+id,
      success: function(data) {
        eval(data);
        if(funcResult.result == 'true'){
          obj = $('#'+id);
          obj.find('.blanket_unfold').attr('class','blanket_fold')
          obj.find('.prod_under').attr('class','prod');
          chk = obj.find('input[name='+id+']');
          chk.attr('checked',false);
        }
      }
    });
  } // inserted by editor
} // inserted by editor

Answer 1

Пожалуйста, включите часть кода, где вы вызываете эту функцию (настройка обработчика событий), без этого трудно найти проблему.У вас есть несколько странных селекторов, но они могут быть правильными, в зависимости от вашего HTML.

Обратите внимание, что начиная с jQuery 1.6, при редактировании рекомендуется prop () вместо attr() при редактированиисвойства как checked.

Answer 2

IE строго относится к идентификаторам элементов, ищите дубликаты идентификаторов элемента. FF обычно игнорирует их и работает, а IE нет.