我使用的是最新版本的bootstrap,我有一个带有固定顶部导航栏的顶级菜单页面.

它有几个链接和一个搜索表单.搜索通过AJAX提交查询,然后使用下拉结果输出php文件的结果.

我能够得到结果发布并让下拉菜单工作,但链接不可点击.它们突出显示,我可以在状态栏中看到下面的href,但我无法点击.

HTML代码:

<div class="row">
<img class="img-responsive center-block" src="images/header.jpg">
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-rc">
    <div class="container-fluid">
        <div class="highlight-light navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand visible-xs" href="#"><span class="glyphicon glyphicon-home">&nbsp;</span>Main Menu</a>
        </div>
        <div id="top-navbar" class="collapse navbar-collapse">
            <ul class="highlight-light nav navbar-nav">
                <li><a href="newcontact.php"><span class="glyphicon glyphicon-user">&nbsp;</span>New Contact</a></li>
                <li><a href="newsearch.php"><span class="glyphicon glyphicon-search">&nbsp;</span>Search</a></li>
                <li><a href="#contact"><span class="glyphicon glyphicon-list-alt">&nbsp;</span>Attendance</a></li>
                <li><a href="#contact"><span class="glyphicon glyphicon-calendar">&nbsp;</span>Planner</a></li>
                <li><a href="#contact"><span class="glyphicon glyphicon-stats">&nbsp;</span>Statistics</a></li>
                <li class="dropdown">
                    <form class="navbar-form navbar-left" id="QuickSearch" role="form" method="post" …

因此,我正在为网站制作每日计划视图,但我无法格式化它.这是我下面的代码:

CSS

.responsive-calendar .controls {
    color: #666;
    font-weight: normal;
    font-size: 18px;
    font-family: "Open Sans",Arial,Verdana,sans-serif;
    text-align: left;
}

.responsive-calendar .controls a {
    cursor: pointer;
}

.responsive-calendar .controls h4 {
    display: inline;
}

.responsive-calendar .day-headers, .responsive-calendar .days, .responsive-calendar .timeslots {
    font-size: 0;
}

.responsive-calendar .header {
    background-color: #f3f2f2 !important;
    box-shadow: 0px 1px 0px 0px rgb(255, 255, 255) inset;
    color: rgb(102, 102, 102);
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0px;
    font-weight: bold;
    cursor:default !important;
}

/* Daily Planner CSS */
.responsive-calendar .timeslot { …