标签变得反应迟钝

时间:2015-02-15 15:01:37

标签: javascript jquery html css datepicker

我正在尝试复制“标签”部分,如本教程中所述: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像这样:

enter image description here

我遇到的另一个奇怪的事情是,只要标签变得没有响应,我点击“报告”标签即可得到:

enter image description here

1 个答案:

答案 0 :(得分:0)

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

$(document).unbind('click')

停止了bootstrap传播菜单。