0

我有一个名为 userPage.jsp 的 JSP 页面，它有 2 个“选项卡”。单击每个选项卡链接会在 div 中显示相应的 JSP 页面

<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 被填充（当我收到特定请求时）我尝试添加一个选项卡并showPage从 userPage.jsp 调用该函数但我收到一个错误，该函数无法识别

还有另一种方法可以完成这项工作吗？

谢谢你

4

0 回答 0