Javascript 如何使用jquery/bootstrap显示新打开的选项卡？
我正在使用jquery为支持系统构建后端。我现在有一个实时聊天功能（使用轮询），我现在希望能够在可以打开和关闭的选项卡中打开几个聊天。因此，我从中复制并编辑了一个jquery/bootstrap示例。在它旁边，我将有一个用户列表，当有人单击某个用户时，它将打开一个新选项卡，其中包含与相应用户的聊天。这些选项卡工作得很好，但我现在想向该选项卡传递一个用户id，以便我可以在该选项卡中打开聊天。因为我不太精通Javascript，所以我有点不确定如何做到这一点。到目前为止，我的代码粘贴在下面 有人知道如何将参数从链接传递到选项卡吗？欢迎所有提示 [编辑] 我找到了答案！我只需要在按钮中使用一个类和一个id，如下所示：Javascript 如何使用jquery/bootstrap显示新打开的选项卡？,javascript,jquery,twitter-bootstrap,tabs,Javascript,Jquery,Twitter Bootstrap,Tabs,我正在使用jquery为支持系统构建后端。我现在有一个实时聊天功能（使用轮询），我现在希望能够在可以打开和关闭的选项卡中打开几个聊天。因此，我从中复制并编辑了一个jquery/bootstrap示例。在它旁边，我将有一个用户列表，当有人单击某个用户时，它将打开一个新选项卡，其中包含与相应用户的聊天。这些选项卡工作得很好，但我现在想向该选项卡传递一个用户id，以便我可以在该选项卡中打开聊天。因为我不太精通Javascript，所以我有点不确定如何做到这一点。到目前为止，我的代码粘贴在下面 有人知道
this.id<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript">
var pageNum = 1;
$(document).ready(function () {
// Add a Tab
$('#btnAddPage').click(function () {
pageNum++;
$('#pageTab').append(
$('<li><a href="#page' + pageNum + '">' +
'Page ' + pageNum +
'<button class="close" type="button" ' +
'title="Remove this page">×</button>' +
'</a></li>'));
$('#pageTabContent').append(
$('<div class="tab-pane" id="page' + pageNum +'">Dit is de content</div>'));
$('#page' + pageNum).tab('show');
});
// Remove a Tab
$('#pageTab').on('click', ' li a .close', function () {
var tabId = $(this).parents('li').children('a').attr('href');
$(this).parents('li').remove('li');
$(tabId).remove();
// reNumberPages();
$('#pageTab a:first').tab('show');
});
// Click Tab to show its content
$("#pageTab").on("click", "a", function (e) {
e.preventDefault();
$(this).tab('show');
});
});
</script>
<style>
.nav-tabs > li .close {
margin: -3px 0 0 10px;
font-size: 18px;
padding: 5px 0;
float: right;
}
.nav-tabs > li a[data-toggle=tab] {
float: left!important;
}
</style>
</head>
<body>
<div class="container">
<a href="javascript:;" id="btnAddPage" role="button">Add Page</a>
<ul id="pageTab" class="nav nav-tabs"></ul>
<div id="pageTabContent" class="tab-content"></div>
</body>
var pageNum=1；
$（文档）.ready（函数（）{
//添加选项卡
$（'#btnAddPage'）。单击（函数（）{
pageNum++；
$（'#pageTab'）。追加(
美元;；
$（'#pageTabContent'）。追加(
$（“Dit是内容删除”）；
$（“#page”+pageNum）.tab（'show'）；
});
//去掉一个标签
$（'#pageTab'）。在（'click'，'li a.close'，函数（）{
var tabId=$（this）.parents（'li'）.children（'a'）.attr（'href'）；
$（this.parents（'li'）。remove（'li'）；
$（tabId）.remove（）；
//重新编号页（）；
$（'pageTab a:first'）.tab（'show'）；
});
//单击Tab以显示其内容
$（“#pageTab”）。在（“单击”，“a”，函数（e）{
e、 预防默认值（）；
$（this.tab（'show'）；
});
});
.nav选项卡>li.关闭{
利润率：-3px10px；
字号：18px；
填充：5px0；
浮动：对；
}
.nav tabs>li a[数据切换=选项卡]{
浮动：左！重要；
}