Jquery 引导切换按钮未折叠_Jquery_Html_Css_Wordpress_Twitter Bootstrap

Jquery 引导切换按钮未折叠

jquery html css wordpress twitter-bootstrap

Jquery 引导切换按钮未折叠,jquery,html,css,wordpress,twitter-bootstrap,Jquery,Html,Css,Wordpress,Twitter Bootstrap,我正在做一个响应网站我第一次在localhost中试用，主题运行良好。我的意思是引导切换按钮工作得很好。现在我开始了生动的主题，我还对小部件的排列做了一些更改。现在，切换按钮不起作用。单击时没有任何内容会下降。我试了很多次，但都不知道是什么问题。这是问题。请帮我解决这个问题包含菜单的我的标题部分代码 <head> <title><?php wp_title( '|', true, 'right' ); ?></title> <meta

我正在做一个响应网站我第一次在localhost中试用，主题运行良好。我的意思是引导切换按钮工作得很好。现在我开始了生动的主题，我还对小部件的排列做了一些更改。现在，切换按钮不起作用。单击时没有任何内容会下降。我试了很多次，但都不知道是什么问题。这是问题。请帮我解决这个问题

包含菜单的我的标题部分代码

<head>

 <title><?php wp_title( '|', true, 'right' ); ?></title>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="">
 <meta name="author" content="">
  <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/assets/ico/favicon.ico">

 <!-- Bootstrap core CSS -->
 <link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" rel="stylesheet">

 <!-- Custom styles for this template -->
  <link href="<?php echo get_template_directory_uri(); ?>/css/style.css" rel="stylesheet" type="text/css"> <!--file inside the css folder-->

  <!-- Just for debugging purposes. Don't actually copy this line! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
   <![endif]-->
  <?php //wp_head(); ?> 
  </head>
<body>           

        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="border-bottom:1px solid #3379b4!important;">
<div  class="Top">
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="ContactDtls"><?php get_sidebar('contact'); ?></div>
      <div class="socialIcons"><?php get_sidebar('snicons');?></div>
    </div>
  </div>
</div>
</div>
 <div class="container">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
  </button>
 <?php get_sidebar('logo'); ?></div>
<div class="navbar-collapse collapse">

 <?php get_sidebar('menu'); ?>

  </div>
<!--/.navbar-collapse --> 
 </div>

已解决 我跳过了header.php中的这个链接

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>

您缺少boostrap.js文件。

无法加载jquery库和引导js文件

请在标题栏中添加以下代码

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>

可能您的HTML中没有包含javascript

回顾这一点：

将此添加到HTML中

请提供一把小提琴或一些代码，而不是在你的网站上发布链接：你所说的切换不起作用是什么意思？@jack：我的意思是，在移动视图中切换按钮即将出现，但当我点击它时，什么也没有发生。通常，当我们单击引导切换按钮时，菜单列表将折叠ryt。？在这里什么都没有发生。你缺少boostrap.js文件。@杰克：那么我可以像这样在functions.phpi中包含“wp_register_script（'jquery.bootstrap'，get_template_directory_uri（）。/js/bootstrap.js'，'jquery'）；”这样的内容吗。请找到我更新的帖子。@user3493407但你生成的页面没有这些文件，所以请检查“是的，现在我在添加jquery时得到了…”哎呀，我真是个白痴..没注意到。。非常感谢sridhar:）@user3493407很高兴帮助您，兄弟：-）我已经包括了那些thrgh functions.php，先生。请找到我的最新帖子。

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>