Javascriptの機能が定義されていない

Question

エラーは次のとおりです。

switchDivが

に定義されていない

ここ

JSFiddle例：ここでは

http://jsfiddle.net/9s5Px/11/は、HTMLマークアップです：

<div id="container"> 
    <div class="foo"> 
     <p>Div A</p> 
    </div> 

    <div class="foo"> 
     <p>Div B</p> 
    </div> 

    <div class="foo"> 
     <p>Div C</p> 
    </div> 
</div> 

そして、 JavaScript：

$('.foo').fadeOut('fast'); 

var count = $('.foo').length; 
console.log(count); 

var currentItem = 0; 

function switchDiv() { 
    $('.foo').get(currentItem).fadeOut(); 
    if (currentItem < count - 1) {    
     $('.foo').get(currentItem + 1).fadeIn(); 
    } 
    else {   
     $('.foo').get(currentItem).fadeOut(); 
     currentItem = 0; 
     $('.foo').get(0).fadeIn(); 
    }   
} 

setTimeout("switchDiv()", 5000); 

Answer 1

setTimeoutに渡すコードの文字列は、ローカルクロージャにアクセスできません。これは、グローバルにevalになっています。

---

setTimeout(switchDiv, 5000); 

が here、エラーなし参照：

はない文字列、関数自体にそれを渡します。

Answer 2

jsfiddleにスコープの問題があります。実際のコードについてはわかりませんが、jsがどのように呼び出されているかを示していないので、私は同じ問題だと思います。

jsfiddleは、$(document).ready()ハンドラ（左上のオプションを参照）の中で指定したコードを実行するので、switchDivがそこで定義されることに注意してください。どこタイムアウトがグローバルオブジェクトにswitchDivを探して、このsetTimeout("window.switchDiv()", 5000);

ソリューションは、setTimeoutメソッドに関数参照を渡すか、thisなどのグローバルスコープでのsetTimeoutを定義するかのいずれかで効果的であるとおりです。

注：get()関数は、実際のDOMオブジェクトを返します。おそらくあなたが探しているものはeq()ですが、eqは1ベースであることに注意してください。ここ

Answer 3

二つの問題：

setTimeout(switchDiv, 5000); 

の代わりに文字列を評価する1.use。

2.inside switchDiv、get関数を使用してjQueryオブジェクトのdom要素を返すため、fadeInとfadeOutメソッドは適用されません。

修正SRC：括弧なしだから、

$('.foo').fadeOut('fast'); 

var count = $('.foo').length; 
console.log(count); 

var currentItem = 0; 

function switchDiv() { 
    $($('.foo').get(currentItem)).fadeOut(); 
    if (currentItem < count - 1) {    
     $($('.foo').get(currentItem + 1)).fadeIn(); 
    } 
    else {   
     $($('.foo').get(currentItem)).fadeOut(); 
     currentItem = 0; 
     $($('.foo').get(0)).fadeIn(); 
    }   
} 

setTimeout(switchDiv, 5000);