javascript - 选项卡变得无响应

Question

我正在尝试按照本教程中的说明复制“选项卡”部分:Google material Design .一切正常，除非我插入一个使用来自此 url 的日期选择器小部件的日期: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>

日期选择器脚本:

$("#dtBox").DateTimePicker();

这会像这样呈现 Megamenu:

我遇到的一件更奇怪的事情是，一旦选项卡变得无响应并且我点击“报告”选项卡，我就会得到这个:

Answer 1

这是 DatePicker 插件的错误。这行代码

$(document).unbind('click')

停止了 Bootstrap 对菜单的传播。