HTML要素のクローン作成中にMaxiumコールスタックエラーが発生する

Question

私はJavaScriptでティッカーを作成しています。そのスーパー親がティッカーを生成する関数に供給される非常に単純なHTMLマークアップがあります。この関数は、基本的には、.ticker-innerを複数回（再帰的に）クローンし、親の幅がウィンドウの幅以上になるまで1つずつ追加します。

しかし、これらの機能をからオブジェクトにウィンドウスコープに移動すると、正常に動作しますが、今は最大の呼び出しスタックエラーをスローします。

var SU = { 
    createTicker: function(tickerWrapper) { 
    var tickers = tickerWrapper.find('.tickers'), 
     child = tickers.find('.ticker-inner'); 
    SU.buildTickerChildrenClones(tickers, child); 
    }, 
    buildTickerChildrenClones: function(tickers, child) { 
    var tickerWidth = parseInt(tickers.outerWidth(), 10); 
    var windowWidth = jQuery(window).width(); 

    if (tickerWidth + 35 <= windowWidth) { 
     child.clone().insertAfter(child); 
     SU.buildTickerChildrenClones(tickers, child); 
    } 
    } 
} 

変数tickersは、その参照を失うと思います。

何か助けていただければ幸いです。 おかげbuildTickerChildrenClones方法で

Answer 1

、どこにもあなたはこのラインで

var tickerWidth = parseInt(tickers.outerWidth(), 10); 

ticketWidthは常に与えるために起こっている、だから、

終了条件を作成するために、より小さな値にouterWidthを設定されていませんすべてのbuildTickerChildrenClonesコールで同じ値。

機能は、基本的.tickerインナー複数回 （再帰的に）をクローンおよび親の 幅が等しいか、ウィンドウ幅よりも大きくなるまで、次々に追加します。だから、

、むしろティッカーのouterWidthをチェックするよりも、あなたはその親のouterwidth

var tickerWidth = parseInt(tickers.parent().outerWidth(), 10); 

をチェックする必要がありますこれは、限りtickersが次の行に身を包むように設計されていないとして、動作するはずです。