[英]Twitter Bootstrap drop down menu is not working
我已經包括了twitter bootstrap css和js文件,然后使用下面的Javascript代碼,我想將下拉效果應用於HTML標記。 但是它不起作用,在控制台中也不會顯示任何錯誤。 請幫幫我。
我包括:
<link media="all" type="text/css" rel="stylesheet" href="http://localhost/game/public/css/bootstrap-responsive.min.css">
<link media="all" type="text/css" rel="stylesheet" href="http://localhost/game/public/css/bootstrap.min.css">
<script src="http://localhost/game/public/js/bootstrap.min.js"></script>
<script src="http://localhost/game/public/js/bootstrap-datepicker.js"></script>
這是Javascript:
<script type="text/javascript">
$(document).ready(function(){
$('.nav').dropdown();
});
</script>
這是標記:
<ul class='nav nav-pills pullright'>
<li class="btn btn-navbar"><a href="{{ action('user_home') }}">خانه کاربری</a></li>
<li class="btn btn-navbar"><a class="dropdown-toggle" href="#">سفارش جدید</a>
<ul class="dropdown-menu nav-collapse">
<li class="btn btn-navbar"><a href="{{ action('user_order_new', array('step'=>1, 'action'=>'new') ) }}">سفارش بازی</a>
<ul>
<li class="btn btn-navbar"><a href="{{ action('user_order_new', array('step'=>1, 'action'=>'new', 'parent'=>'GOCS') ) }}">Counter Strike</a>
</ul>
<li>
</ul>
</li>
<li class="btn btn-navbar"><a href="{{ action('game_order') }}">سفارش بازی</a></li>
<li class="btn btn-navbar"><a href="{{ action('user_order_listing') }}">فهرست سفارش ها</a></li>
<li class="btn btn-navbar" ><a href="{{ action('payments') }}">فهرست پرداخت ها</a></li>
<li class="btn btn-navbar"><a href="{{ action('user_offline_payment') }}">ثبت فیش پرداختی</a></li>
<li class="btn btn-navbar"><a href="{{ action('user_edit') }}">حساب کاربری</a></li>
<li class="btn btn-navbar"><a href="{{ action('pass_change') }}">تغییر رمز عبور</a></li>
<li class="btn btn-navbar"><a href="{{ action('logout') }}">خروج</a></li>
</ul>
您不需要任何javascript,只需在頁面中包含bootstrap css和js文件即可。
您可以在此處查看下拉組件的示例:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.