0

我在我的网站的头部部分与冲突的 jquery 有点挣扎。

如果我将引导 jquery 放在下面，然后它会停止工作并且超大的确实可以工作，就会出现问题。

但是当我交换它们时，反之亦然，超大的不起作用，而引导程序起作用。

这是我目前的头部

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="/css/normalize.css">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/1140.css">
    <link rel="stylesheet" href="/css/ie.css">


    <!-- Bootstrap (for mobile navigation) -->
    <link href="/css/bootstrap.css" rel="stylesheet" media="screen and (min-width: 0px) and (max-width:480px)">
    <link href="/css/bootstrap-responsive.css" rel="stylesheet" media="screen and (min-width: 0px) and (max-width:480px)">

    <!-- supersized sytlesheets -->
    <link rel="stylesheet" href="/css/supersized.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/theme/supersized.shutter.css" type="text/css" media="screen" />

    <script src="js/vendor/modernizr-2.6.1.min.js"></script>


    <!-- supersized scripts (can't go in the bottom as it stops working -->


    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
    <!--bootstrap has to go below min jquery for it to work and above supersized-->
    <script src="/js/bootstrap/jquery.js"></script>

    <script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
    <script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

当我查看 bootstrap/jquery.js 文件时，我无法理解它，因为它只是所有块文本。

有人有任何解决方案吗？我也只使用移动版本的引导程序，所以有没有一种方法可以只包含一定宽度的 jquery，例如 480 - （这是我禁用超大尺寸的时候）。

我在文档的底部也有脚本，也许这也会影响这个？？

<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>

    <script type="text/javascript" src="js/css3-mediaqueries.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <!-- Bootstrap Scripts -->

    <script src="/js/bootstrap/bootstrap-transition.js"></script>
    <script src="/js/bootstrap/bootstrap-dropdown.js"></script>
    <script src="/js/bootstrap/bootstrap-collapse.js"></script>

    <!-- Bootstrap scripts end -->

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>

基本上，只是由于反复试验，由于某种原因，超大尺寸无法在底部工作，必须进入我的头部。当引导程序工作时，超大的将不会。

请让我知道一种方法来解决这个问题，如果我的头部有什么地方做错了导致这个问题。

谢谢

4

0 回答 0