jQuery 코드는 Firefox에서 작동하지만 IE에서는 오류가 발생합니다.

Question

Firefox와 Chrome에서는 완벽하게 작동하지만 IE에서는 작동하지 않는 코드로 인해 식별 할 수없는 문제가 있습니다. 내가 요소 표시 여부 저장하는 jQuery를 쿠키를 만들려고하고

<tbody id="tbod161-1__" isloaded="true" style="display: none;"></tbody> 
<tbody id="tbod162-2__" isloaded="true"></tbody> 

:

나는 다음과 같은 요소의 순서가 있습니다.

string = $.cookie("itemListState"); 
alert(string); 

이 ... 모든 ID가 값이 잘못 쿠키에 기록 된 의미, IE에서 "true"로 설정됩니다

function RememberClickedState() { 
$('.ms-listviewtable tbody[id^="tbod"]').each(function(){ 
    tid = $(this).attr('id'); 
    var tvisible = ($(this).attr('style') == undefined || $(this).attr('style').indexOf('display: none;') == -1); 
    var strVisible; 
    if(tvisible == true) 
    { 
     strVisible = "true"; 
    } 
    if(tvisible == false) 
    { 
     strVisible = "false"; 
    } 
    items += tid+':'+strVisible+';' 
}) 
$.cookie("itemListState", items); 
} 

내가 가진 값을 검색합니다. 그러나이 코드는 일부 ID가 올바르게 false로 설정된 Ff/Chrome에서 실행될 때 완벽하게 작동합니다.

무엇이 누락 되었습니까? 감사합니다,

Answer 1

을 항상 시도 할 수 :

function RememberClickedState() { 
    var items = ''; 
    $('.ms-listviewtable tbody[id^="tbod"]').each(function(i, e) { 
     items += (e.id + ':' + (e.style.display == 'none')); 
    }); 
    $.cookie("itemListState", items); 
}​ 

,

FIDDLE

는 값 사이에 구분자가 없다, 나는 아마 이렇게 쉼표를 추가 :

function RememberClickedState() { 
    var items = []; 
    $('.ms-listviewtable tbody[id^="tbod"]').each(function(i, e) { 
     items.push(e.id + ':' + (e.style.display == 'none')); 
    }); 
    $.cookie("itemListState", items.join(', ')); 
} 

FIDDLE

Answer 2

변화 :

var tvisible = $(this).is(':visible'); 

그리고 난 당신의 코드를 조금 개선 :

var tvisible = ($(this).attr('style') == undefined || $(this).attr('style').indexOf('display: none;') == -1); 

에

function RememberClickedState() { 
    $('.ms-listviewtable tbody[id^="tbod"]').each(function(){ 
     var tvisible = $(this).is(':visible'); 
     items += $(this).attr('id')+':'+String(tvisible); 
    }); 
    $.cookie("itemListState", items.join('; ')); 
}