我正在尝试复制“标签”部分,如本教程中所述:Google material Design。 Everthing工作正常,除非我插入一个日期,该日期使用此网址中的日期选择小部件:Datepicker。一旦我选择日期,Megamenu中的所有标签都会变得无响应
标签的HTML代码:
<ul class="nav nav-tabs" style="margin-bottom: 15px;">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#remindertab" data-toggle="tab">Reminder</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
Reports <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#dropdown1" data-toggle="tab">Insurance History Between Dates</a></li>
<li class="divider"></li>
<li><a href="#dropdown2" data-toggle="tab">Insurance history of Account</a></li>
<li class="divider"></li>
<li><a href="#dropdown3" data-toggle="tab">Insurance Amount between dates</a></li>
</ul>
</li>
<li><a href="#profile" data-toggle="tab">Bulletin Board</a></li>
<p class="user" data-toggle="tab">Welcome Wasim(1117004017)</p>
</ul>
datepicker的脚本:
$("#dtBox").DateTimePicker();
这使得Megamenu像这样:
我遇到的另一个奇怪的事情是,只要标签变得没有响应,我点击“报告”标签即可得到:
答案 0 :(得分:0)
这是DatePicker插件的错误。这行代码
$(document).unbind('click')
停止了bootstrap传播菜单。