Остановить автоматическое обновление

Question

Хорошо, новая проблема с кодом, над которым я работал; Я не могу получить автоматическое обновление, чтобы остановить, когда элемент щелкнут открытым, а затем перезагрузите его после закрытия элемента.

<script type='text/javascript'> 
var auto_refresh = setInterval(function() { $('#body').load('body.php').fadeIn('slow'); }, 1000); 
$(document).ready(function(){ 
      $('.star, .ship').click(function(){ 
        var name = $(this).attr('name'); 
        var type = $(this).attr('type'); 
        var linkvar = 'content.php?lid='; 
        var link_full = linkvar + name; 
        $('#box').removeClass('hidden'); 
        $('#box_content').addClass(type); 
        if(auto_refresh) 
        { 
         clearInterval(auto_refresh);  
        } 
        $('#box_content').load(link_full); 
       }); 
$('#close_this_box').click(function(){ 
    $('#box').addClass('hidden'); $('#box_content').empty(); 
    var auto_refresh = setInterval(function() { $('#body').load('body.php').fadeIn('slow'); }, 1000); 
    }); 
$('.ship, .star').hover(
    function() 
    { 
     $(this).children('div').removeClass('hidden'); 
    }, 
    function(){ $(this).children('div:nth-child(2)').addClass('hidden');}); 
}); 
</script> 

Он либо продолжает автоматическое обновление, либо просто не загружает div #body.

Answer 1

удалить var ключевое слово, прежде чем auto_refresh в $('#close_this_box').click( функции

$('#close_this_box').click(function(){ 
    $('#box').addClass('hidden'); $('#box_content').empty(); 
    auto_refresh = setInterval(function() { $('#body').load('body.php').fadeIn('slow'); }, 1000); 
}); 

с использованием var там делает локальную переменную с именем auto_refresh вместо изменения глобальной переменной auto_refresh.