Question

我在使用mi网站时遇到问题。一点背景信息。使用bootstrap和javascrip库，因此它是响应式的。当前的问题是当它加载网站的“移动”视图时，它看起来像这样：

如果我向下滚动，它会变得正常，就像这样：

我在“pc”视图中没有这个问题，它的外观和行为都很正常：

但是我注意到当我从“移动”视图更改为“PC”视图时，通过调整浏览器的窗口大小，它会显示如下，没有初始导航菜单：

但这是正常的导航菜单：

这是index.html的标题部分：

<head>
    <meta charset="utf-8">
    <title>Adele - Html5 and CSS3 Responsive Template - Orange - Design</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

这是代码的底部，它调用所有的javascript库：

 <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script>
        <script src="js/paralax/jquery.sticky.js" type="text/javascript"></script>
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js"></script>         
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Filter-->
        <script type="text/javascript" src="js/filters/filters.js" ></script> 
        <!--Paralax-->
        <script src="js/paralax/nbw-parallax.js" type="text/javascript"></script>
        <script src="js/paralax/jquery.inview.js" type="text/javascript"></script>
        <script src="js/paralax/smooth-scroll.js" type="text/javascript"></script>
        <!--Carousel-->
        <script type='text/javascript' src='js/carousel/jquery.jcarousel.js'></script> 
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script> 
        <!--retina-->
        <script type="text/javascript" src="js/retina/retina.js"></script> 
        <!-- Windy-->
        <script type="text/javascript" src="js/windy/modernizr.custom.79639.js"></script>
        <script type="text/javascript" src="js/windy/jquery-ui-1.8.23.custom.min.js"></script>
        <script type="text/javascript" src="js/windy/jquery.windy.js"></script>
        <!-- Bootstrap.js-->
        <script src="js/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
    <!-- ======================= End JQuery libs =========================== -->

你会交配，帮我解决这个问题吗？是我的boostrap吗？这是我的javascript库吗？

提前致谢!!!

与div和导航菜单的jquery bootstrap问题

0 个答案: