jQueryの$ .postは、私は次のjQueryコードを持っているブラウザのスタックオーバーフロー

Question

が発生します。

var id_atual 
var temp_id 
var tempo_flash = 50 
var $slide_atual = $('#slider .atual') 
var $slide_prox = $('#slider .ocultar') 
setInterval(function(){ 
    id_atual = $slide_atual.attr('alt') 
    $.post('get_banner.php', {atual: id_atual}, function(proximo){ 
     temp_id = proximo.split(';;') 
     $slide_prox.attr('src', temp_id[0]).load(function(){ 
      $slide_atual.hide('fade', tempo_flash, function(){ 
       $slide_atual.attr('alt', temp_id[1]).attr('src', temp_id[0]).load(function(){ 
        $slide_atual.show('fade', tempo_flash) 
       }) 
      }) 
     }) 
    }) 
}, 4000) 

そして、次のHTMLコード：クラス.ocultarが

display: none; 

を持って

<div id="slider"> 
    <img src="imagens/slider/imagen-slider.jpg" alt="1" class="atual"/> 
    <img src="" alt="" class="ocultar" /> 
</div> 

varsのtempo_flashはアニメーションの時間のみで、get_banner.phpファイルはmysqlデータベースから次のバナーを取得するためのものです。それはテストされ、正常に動作します。 私が持っている問題は少し（4または5のバナーの変更）ブラウザがFirefox ChromeとOperaの場合は応答を停止し、IEの場合はアラートが表示され、Stack overflow at line: 3のページ全体のjavascriptが機能しなくなることです。

Answer 1

setInterval（）関数の各繰り返しで、画像プレースホルダーに​​イベントを割り当てます。オブジェクトにイベントを割り当てるは既存のものを削除しません！

2番目の反復では、画像プレースホルダには2つの​​イベントハンドラがあり、その後3つのイベントハンドラがあります。イメージがロードされるたびに、​​イベントにアタッチされたすべてのイベントハンドラが起動します。おそらく​​イベントハンドラを1回だけ割り当て（そしてセミコロンを使用する）ことによって、おそらくコードを再作成する必要があります。

Answer 2

あなたは、あなたが関数内でのsetTimeoutを使用して、および$ .postのコールバックにそれを実行する必要がありするsetIntervalを使うべきではない、何かのように：

var id_atual 
var temp_id 
var tempo_flash = 50 
var $slide_atual = $('#slider .atual') 
var $slide_prox = $('#slider .ocultar') 
function tictac(){ 
    setTimeout(function(){ 
     id_atual = $slide_atual.attr('alt') 
     $.post('get_banner.php', {atual: id_atual}, function(proximo){ 
      temp_id = proximo.split(';;') 
      $slide_prox.attr('src', temp_id[0]).load(function(){ 
       $slide_atual.hide('fade', tempo_flash, function(){ 
        $slide_atual.attr('alt', temp_id[1]).attr('src', temp_id[0]).load(function(){ 
         $slide_atual.show('fade', tempo_flash) 
        }) 
       }) 
      }) 
     }) 
     ticktac(); 
    }, 4000); 
} 

このようにして、4秒のみ開始サーバーからの応答が完了したら、オーバーフローの問題は発生しません。