[英]IE6 memory leak while loading content with jQuery
我認為我無法本地化我的應用程序女巫中的內存泄漏。
該應用程序下載並顯示內容。 內容下載完畢后,僅顯示該內容(因為之前已下載)。
當我從選擇中至少選擇10個不同的選項時,就會顯示該錯誤。 (選擇選項1並通過#wcc-submit確認並等待加載,...,選擇選項10並通過#wcc-submit確認並等待加載)。 選擇每個選項,應用程序都會變慢。 最后出現此錯誤:
該應用程序已在IE6中經過測試。
js:
<script type="text/javascript">
(function($){
$(function(){
var language = 'de';
var fadeOutSpinnerFadeInContent = function(pageID) {
$('#wcc-loader').fadeOut(500, function() {
$('#wcc-content-'+pageID).fadeIn(500);
});
};
var makeAjaxCall = function(pageID) {
$.ajax({
url: '/some/path/'+language+'/'+pageID+'.php',
type: 'get',
dataType: 'html',
success: function(data, textStatus, jqXHR) {
$('#wcc-content-container').append('<div id="wcc-content-'+pageID+'" class="wcc-content hide">'+data+'<div>');
},
error: function(jqXHR, textStatus, errorThrown) {
alert('error');
},
complete: function(jqXHR, textStatus) {
fadeOutSpinnerFadeInContent(pageID);
}
});
};
var downloadContent = function(pageID) {
$('#wcc-loader').fadeIn(500, function() {
makeAjaxCall(pageID);
});//end fade out spinner
};
var openPage = function(pageID) {
var earlierContent = $('.wcc-content');
if( earlierContent.size() > 0 ) {
earlierContent.fadeOut(500, function() {
if( $('#wcc-content-'+pageID).size() > 0 ) {
$('#wcc-content-'+pageID).fadeIn(500);
} else {
downloadContent(pageID);
}
});
} else {
downloadContent(pageID);
}
};
var availableHashArray = [
'-1',
'page_id_1',
'page_id_2',
...
'page_id_100',
],
choosenHash = $.inArray( window.location.hash.substring(1), availableHashArray);
$('#wcc-submit').bind('click.cs', function() {
var selectedValue = $('#select-1').val();
if(parseInt(selectedValue, 10) !== -1) {
window.location.hash = selectedValue;
openPage(selectedValue);
}
});
if( choosenHash !== -1 ) {
$('#select-1 option[selected="selected"]').removeAttr('selected');
$('#select-1 option').eq(choosenHash).attr('selected', 'selected');
$('#wcc-submit').trigger('click.cs');
}
});
})(jQuery);
</script>
的HTML:
<div id="wcc-form" class="fm-form">
<form action="#" method="post">
<div class="select-form">
<label class="hidden" for="select-1">Choose an option</label>
<select id="select-1" class="fm-text fm-select" name="select-1" >
<option value="-1" selected="selected">Choose an option</option>
<option value="page_id_1" selected="selected">option 1</option>
<option value="page_id_2" selected="selected">option 2</option>
...
<option value="page_id_100" selected="selected">option 100</option>
</select>
<input id="wcc-submit" type="button" value="Show" />
</div>
</form>
</div>
<div id="wcc-content-container">
</div>
<div id="wcc-content-container">
<div id="wcc-loader" class="hide"></div>
</div>
CSS:
<style type="text/css">
.hide{
display:none;
}
#wcc-loader{
height:50px;
background:#fff url('/some/path/to/spinner.gif') 50% 50% no-repeat;
}
#select-1{
margin-left:20px;
}
</style>
嗯,是的,我知道答案。
“不用理會整個問題,因為它是IE6,而且已經死了。”
什么? 有人不得不說。
您可以嘗試使用dynaTrace Ajax Edition(免費)之類的JavaScript分析器來查找腳本中最慢的部分。
您很可能無法控制jQuery問題。 (除了不使用代碼的那部分會導致內存泄漏)。
那時,JS並不是要做這種事情。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.