jQuery Uncaught RangeError：最大呼び出しスタックサイズを超過したエラー複数のモーダル

Question

今はモーダルとブートストラップを使用するWebページで問題が発生しているため、jQueryオーバーヘッドが終了しています。モーダルの1つをクリックすると、サイトは一時的にフリーズし、その後、SQLを使用してPHPを使用してデータをロードします。私が行く-にするとクロームコンソール私は避けられないエラーを取得する：

私は、問題がどこから来ているの2つの理論があります。

を[A]このページでは、合計3個のモーダルを持っていますjQueryモーダルAPIは、ボタンが押されたときに.modalクラスを使用してjQueryライブラリを呼び出します。その後、隠されたモーダルは、同じjQueryライブラリへの同じ参照を持つ別の単一ページから読み込んだデータからその内容を受け取りますか？ここでは、エラーの残りの部分のいくつかのスナップショットです：

[B]は、ソースコードは、jQueryのコンソールのエラーリストにエラーが含まれているdocument.ready文の中で、実際のエラーを持っています.extendsはこのjQueryの機能を実行します。エラーコードはIに由来するのはここ

// position on 1st input capable field - special 'modal' logic added 
$("input:visible:enabled:first").focus(); 
$(".modal").focus(function(){$("input:visible:enabled:first").focus();}); 

はあると思う：

誰かがこの問題をデバッグする方法に関するいくつかの提案を持っているなら、どんな助けも大いに評価されるでしょう。

Answer 1

交換：

$(".modal").focus(function(){$("input:visible:enabled:first").focus();}); 

には：

$(".modal input:not(:visible:enabled:first)").focus(function() { 
    $("input:visible:enabled:first").focus(); 
}); 

問題を修正しました！