javascript - HTTPリクエストの結果として、ajaxを使用してjspページを追加する

Question

2 つの「タブ」を持つ userPage.jsp という JSP ページがあります。各タブ リンクをクリックすると、適切な JSP ページが div に表示されます

<ul class="nav nav-tabs">
   <li class="active"><a href="#joinGamePanel" data-toggle="tab">Join a Game</a></li>
   <li><a href="#createGamePanel" data-toggle="tab">Create Game</a></li>
</ul>
<div class="tab-content">
   <div class="tab-pane active" id="joinGamePanel"></div>
   <div class="tab-pane" id="createGamePanel"></div>
</div>

joinGamePanel div と createGamePanel div は、AJAX 経由でコンテンツを取得します。デフォルトでは、joinGamePanel が満たされます。

div へのコンテンツの追加は、関数内の外部 .js ファイルに書き込まれますshowPage。

window.showPage = function(panel, loadPage) {
    jQuery.ajax({
        url: loadPage,
        timeout: 2000,
        error: function(error) {
            console.log("error");
        },
        success: function(r) {
            $(panel).append(r);
        }
    });
};

(問題を解決するためにウィンドウの接頭辞を付けましたが、うまくいきませんでした..)

しかし、createGamePanel div を埋めたいときがあります (特定のリクエストを受け取ったとき) タブを追加してshowPageuserPage.jsp から関数を呼び出そうとしましたが、関数が認識されないというエラーが表示されます

これを行う別の方法はありますか？

ありがとうございました