参照エラー：関数が定義されていません - Firefox

Question

私はこの1.5秒のタイマーの後に関数を呼び出すJavaScriptを持っています。 Chromeでは、うまく動作します。 Firefoxでは、私は参照エラーを取得します：accessTransitionは定義されていません。なぜこれが当てはまるのかについての説明はありますか？

$('#next-btn').click(function(e) { 
    window.setTimeout(accessTransition, 1500); 

    function accessTransition() 
    { 
     $('.fact-intro-1').slideUp(1000); 
     $('.fact-text-1').css('display', 'inline-block'); 
    } 
} 

Answer 1

function accessTransition() 
{ 
    $('.fact-intro-1').slideUp(1000); 
    $('.fact-text-1').css('display', 'inline-block'); 
} 

$('#next-btn').click(function(e) { 
    window.setTimeout(accessTransition, 1500); 
} 

あなたは、イベントハンドラ外の関数を定義する必要があります。

Answer 2

てみて：

function accessTransition() 
    { 
     $('.fact-intro-1').slideUp(1000); 
     $('.fact-text-1').css('display', 'inline-block'); 
    } 

$('#next-btn').click(function(e) { 
    window.setTimeout(accessTransition, 1500); 

} 

私はそれが（javascript関数ベースのスコープを持つ）イベントハンドラ関数にネストされているため、タイムアウトがこの機能を得ることができないと思います。