謎の404エラー

Question

あなたがthis pageをロードすると、404エラーが私の最高の推測では、画像、.jsファイル、または.cssのファイルに解決すべきいくつかのJavaScript varが未定義であるということであるFirebugの

NetworkError: 404 Not Found - http://summer-festivals.cloudfoundry.com/undefined 

に表示されますが、私は責任コードを追跡する方法についてはわかりません。

Answer 1

コンソールを開いている場合は、スタック上のエラーを参照してくださいページのロード中：

GET http://summer-festivals.cloudfoundry.com/undefined 404 (Not Found) 
    f.extend.cleanjquery-1.7.1.min.js:4 
    f.buildFragmentjquery-1.7.1.min.js:4 
    f.fn.extend.domManipjquery-1.7.1.min.js:4 
    f.fn.extend.appendjquery-1.7.1.min.js:3 
    $.fn.extend.infiniteCarouselbundle-true_defer.js:562 
    e.extend.eachjquery-1.7.1.min.js:2 
    e.fn.e.eachjquery-1.7.1.min.js:2 
    $.fn.extend.infiniteCarouselbundle-true_defer.js:428 
    _optionshttp://summer-festivals.cloudfoundry.com/:452 
    f.Callbacks.njquery-1.7.1.min.js:2 
    f.Callbacks.o.fireWithjquery-1.7.1.min.js:2 
    e.extend.readyjquery-1.7.1.min.js:2 
    c.addEventListener.Bjquery-1.7.1.min.js:2 

Answer 2

jQueryの非圧縮バージョンを使用することから始めます。 Chromeでページを読み込んでDeveloper Toolsを開くと、/ undefinedリソースがjQueryによって読み込まれていることがわかります。非ミニバージョンを使用する場合、バグを見つけるためにリソースがロードされているjQueryファイルにブレークポイントを設定するのは簡単です。

Answer 3

私は問題は、このコードのすべてのイメージがロードされているbundle-trued_defer.js

// No tabs left to sho 
this.activeTab_ = undefined; 

であると考え、最後にロードされるのは未定義のページになります。

変更

これにより

if (tab.tab == this.activeTab_) { 
    // Removing the current active tab 
    if (this.tabs_[index]) { 
     // Show the tab to the right 
     this.activeTab_ = this.tabs_[index].tab; 
    } else if (this.tabs_[index - 1]) { 
     // Show a tab to the left 
     this.activeTab_ = this.tabs_[index - 1].tab; 
    } else { 
     // No tabs left to sho 
     this.activeTab_ = undefined; 
    } 

    if(this.activeTab_ !== undefined) { 
     this.setTabActive_(this.activeTab_); 
    } 
    } 

するために、この

if (tab.tab == this.activeTab_) { 
    // Removing the current active tab 
    if (this.tabs_[index]) { 
     // Show the tab to the right 
     this.activeTab_ = this.tabs_[index].tab; 
    } else if (this.tabs_[index - 1]) { 
     // Show a tab to the left 
     this.activeTab_ = this.tabs_[index - 1].tab; 
    } else { 
     // No tabs left to sho 
     this.activeTab_ = undefined; 
    } 

    this.setTabActive_(this.activeTab_); 
    } 

、および仕事かどうかを確認します。