Question

你能帮我解决一下这个问题。插入datepicker代码后，现在我的imageslider没有出现。我只看到一个白色的空间。我觉得有些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不提供的东西。

Datepicker和Image Slider冲突

1 个答案: