我有一个名为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中是在函数showPage
中的外部.js文件中写入的:
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被填充(当我收到特定请求时)
我尝试添加一个选项卡并从userPage.jsp调用showPage
函数,但我收到一个错误,该函数无法识别
有另一种方法可以完成这项工作吗?
谢谢