数据采集与图像滑块冲突

Question

你能帮我解决这个问题吗？插入数据交换代码后，我的图像记录器就不会出现了。我看到的只是一个空白。我认为有些javascripts是相互冲突的？但却找不出是哪个。

请帮帮我。

    <script type="text/javascript" src="js/jquery.min.js" ></script>
    <link rel="stylesheet" href="css/style.css" type="text/css"  media="all">


    <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />

    <script type="text/javascript" src="jquery.1.4.2.js"></script> 
     <script type="text/javascript" src="jsDatePick.jquery.min.1.3.js"></script>

    <script type="text/javascript"> 
    window.onload = function(){
     new JsDatePick({
        useMode:2,
       target:"inputField",
       dateFormat:"%d-%M-%Y"
    });

     new JsDatePick({
        useMode:2,
        target:"inputField2",
       dateFormat:"%d-%M-%Y"
   });
   };
   </script>



    <script src="js/jquery.jcarousel.min.js"></script>
    <script src="layerslider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>
    <script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>


   <script type="text/javascript"> 
    $(document).ready(function(){
    $('#layerslider').layerSlider({
    skinsPath : 'layerslider/skins/',
    skin : 'florida',
    navStartStop        : false,
    thumbnailNavigation : 'hover',
    hoverPrevNext : true,
   responsive : true,
   responsiveUnder : 1200,
    thumbnailNavigation : false,
   sublayerContainer : 1200
   });
   });      
   </script>

   <script type="text/javascript" src="js/doubletaptogo.js" ></script>
   <script defer src="js/jquery.flexslider-min.js"></script>

Answer 1

首先，编写一些整洁的代码并检查它。

script type="text/javascript" src="js/doubletaptogo.js" ></script>

应：

 <script type="text/javascript" src="js/doubletaptogo.js" ></script>

那么，当我查看您的HTML时，您似乎要加载两次jQuery吗？并且总是先加载样式表，您可以阅读以下主题:为什么：Is the recommendation to include CSS before JavaScript invalid?

另外，检查您正在使用的插件是否与jQuery 1.4.2兼容--可能他们使用的是jQuery 1.4.2没有提供的一些东西。