我已经使用引导程序实现了选项卡,有 4 个选项卡,每个选项卡中都有内容,但是当我执行代码时,该选项卡的所有内容以及所有其他选项卡内容都显示在第一个选项卡和其他选项卡内容下是空白的。这是到目前为止的代码:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li role="presentation" class="active settingshead"><a href="#first" aria-controls="first" role="tab"
data-toggle="tab" value="first">
1
</a>
</li>
<li role="presentation"><a href="#second" class="settingshead" aria-controls="second" role="tab"
data-toggle="tab" value="second">
2
</a>
</li>
<li role="presentation"><a href="#third" aria-controls="third" role="tab"
data-toggle="tab" value="third">
3
</a>
</li>
<li role="presentation"><a href="#fourth" aria-controls="fourth" role="tab"
data-toggle="tab" value="fourth">
4
</a>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane active" id="first">
<div class="namedesig">
<h4>Dr. Jane Doe</h4>
<p>PhD …Run Code Online (Sandbox Code Playgroud)我使用了 fullCalendar.js 和标题内容,例如:今天、月份、年份、上一个、下一个,并且还制作了一个自定义添加按钮,现在我想在添加按钮之前的标题中添加一个简单的文本,上面写着“请求新类” ”,最终看起来像这样:fullCalendar Header
现在我的标题看起来像这样:我的标题
这是到目前为止的代码:
$('#sfullCalendar').fullCalendar({
customButtons: {
myCustomButton: {
theme: 'true',
text: '',
click: function() {
alert('clicked the custom button!');
}
}
},
defaultView: 'month',
header: {
left: 'today',
center: 'title',
right: 'prev,next myCustomButton'
},
});Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>Run Code Online (Sandbox Code Playgroud)