我的下拉菜单只有在主页上点击时才起作用
问题描述：
<!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" async></script> -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" async></script> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" async></script>
<script src="https://use.fontawesome.com/0d83f3667e.js" async></script>
<script src="<?php echo $assets ?>js/timepicki.min.js" async></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" async></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" async></script>
<!-- <script src="//code.jquery.com/jquery-1.12.3.min.js" async></script> -->
<nav class="navbar navbar-inverse" style="border-radius: 0px;">
<div class="container-fluid" style="background-color: #000; ">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="" href="<?php echo base_url(); ?>" style="padding: 20px; ">
<img src="<?php echo $assets ?>images/logo.jpg" style="width: 70%; margin-top: 5%; float: left;">
</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="<?php echo base_url(); ?>home" style="background-color: transparent;">Home</a></li>
<?php
if($this->session->userdata('user_role') == "vender" or $this->session->userdata('user_role') == "user")
{
?>
<li><a href="<?php echo base_url(); ?>booking/user_booking_list">Booking</a></li>
<?php
}
?>
<?php
if($this->session->userdata('user_role') == "vender")
{
?>
<li class="dropdown">
<a class="dropdown-toggle nav-menu" data-toggle="dropdown" style="color:#9d9d9d !important" href="#">My Cars<span class="caret"></span></a>
<ul class="dropdown-menu drop-down-list">
<li><a href="<?php echo base_url(); ?>venders/add_cars/" class="drop-down-list-item font">Add Car</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars/?status=approved" class="drop-down-list-item font">View cars</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars?status=pending" class="font">Pending Approvals</a></li>
</ul>
</li>
<?php
}
?>
<li class="active" style="display:none;"><a href="<?php echo base_url(); ?>about/" style="background-color: transparent;">About</a></li>
<li class="active"><a href="<?php echo base_url(); ?>contact/" style="background-color: transparent;">Feedback</a></li>
<li class="active"><a href="<?php echo base_url(); ?>terms/" style="background-color: transparent;">Terms Of Use</a></li>
<li class="active"><a href="<?php echo base_url(); ?>privacy/" style="background-color: transparent;">Privacy Policy</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<?php
if(!$this->session->userdata('user_role'))
{
?>
<li><a href="<?php echo base_url(); ?>signup"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="<?php echo base_url(); ?>login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
<?php
}else{
?>
<li><a href="<?php echo base_url(); ?>home">Welcome <?php echo ucfirst($this->session->userdata('username')); ?></a></li>
<?php
}
?>
<?php
if($this->session->userdata('user_role') == "vender" || $this->session->userdata('user_role') == "user")
{
?>
<li class="dropdown">
<a class="dropdown-toggle nav-menu" data-toggle="dropdown" style="color:#9d9d9d !important" href="#">My Account<span class="caret"></span></a>
<ul class="dropdown-menu drop-down-list">
<li style="display:none;"><a href="<?php echo base_url(); ?>users/profile/" class="drop-down-list-item font">Profile</a></li>
<li><a href="<?php echo base_url(); ?>logout/" class="font">Logout</a></li>
</ul>
</li>
<?php
}
?>
</ul>
</div>
</div>
</nav>
我的下拉菜单仅在主页上单击时才起作用。其他网页似乎工作正常，只有下拉式“我的汽车”不响应其他网页上的用户互动。另外，它在手机上根本不起作用。点击手机上的下拉菜单，没有任何反应。可能是什么问题呢？这里是我的网站：http://www.yiyalo.com。
链接到我的源代码：https://github.com/stephenleong/MyProject我的下拉菜单只有在主页上点击时才起作用
答
更改li代码包装到div
例子：
前：
<li class="dropdown">
<a class="dropdown-toggle nav-menu" data-toggle="dropdown" style="color:#9d9d9d !important" href="#">My Cars<span class="caret"></span></a>
<ul class="dropdown-menu drop-down-list">
<li><a href="<?php echo base_url(); ?>venders/add_cars/" class="drop-down-list-item font">Add Car</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars/?status=approved" class="drop-down-list-item font">View cars</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars?status=pending" class="font">Pending Approvals</a></li>
</ul>
</li>
后：
<div class="dropdown"> <!-- Here -->
<a class="dropdown-toggle nav-menu" data-toggle="dropdown" style="color:#9d9d9d !important" href="#">My Cars<span class="caret"></span></a>
<ul class="dropdown-menu drop-down-list">
<li><a href="<?php echo base_url(); ?>venders/add_cars/" class="drop-down-list-item font">Add Car</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars/?status=approved" class="drop-down-list-item font">View cars</a></li>
<li><a href="<?php echo base_url(); ?>venders/all_cars?status=pending" class="font">Pending Approvals</a></li>
</ul>
</div> <!-- And here -->
答
你有很多错误，修复它们应该是你的首要任务。如果他们是固定的，问题仍然存在，那么你将需要解决的问题，如：
$(".dropdown-toggle:first").click(function(e) {
var brothers = $(this).siblings("ul");
brothers[(brothers.css("display") !== "block") ? "show" : "hide"]();
}).blur(function(e) {
var brothers = $(this).siblings("ul");
brothers.hide();
});
凡click将处理您的click事件，blur您blur事件，请注意我是如何与hide发挥和showfunction的名称。
您在浏览器的控制台中是否有任何错误？另外，它怎么不起作用？它不开放吗？你能给我一个URL，我可以在没有注册的情况下进行测试吗？ –
使用我的测试帐号 id：[email protected] pass：123456 –