Javascript 这两个如何运行？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行？_Javascript_Html_Datepicker_Bxslider

Javascript 这两个如何运行？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行？

javascript html

Javascript 这两个如何运行？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行？,javascript,html,datepicker,bxslider,Javascript,Html,Datepicker,Bxslider,这两个如何运行？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行..谢谢 <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.8.2.js"></script> <scr

这两个如何运行？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行..谢谢

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function(){
    $( "#datepicker" ).datepicker();
    $("#icon").click(function() { 
        $("#datepicker").datepicker( "show" );
    })
});
</script>

<!-- bxslider -->
    <link href="bxslider/jquery.bxslider.css" rel="stylesheet" />
    <script src="bxslider/jquery.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="bxslider/jquery.bxslider.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $('.bxslider').bxSlider({
        auto: true,
      });
    });
    </script>

这两个如何运行呢？如果我把日期选择器放在第一位，bxslider将不会运行，如果我把bxslider放在第一位，则日期选择器将不会运行..谢谢..

您将包含jQuery两次。不要那样做；第二次包含jQuery将覆盖jQuery对象和附加到它的任何插件。只包含jQuery一次，然后包含插件。

确保datepicker映像位于images文件夹中。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function(){
    $( "#datepicker" ).datepicker();
    $("#icon").click(function() { 
        $("#datepicker").datepicker( "show" );
    })
});
</script>

<!-- bxslider -->
    <link href="bxslider/jquery.bxslider.css" rel="stylesheet" />
    <script src="bxslider/jquery.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="bxslider/jquery.bxslider.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $('.bxslider').bxSlider({
        auto: true,
      });
    });
    </script>

            <head>
            <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/ui-lightness/jquery-ui.css" />
             </head>
             <body>
            <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
            <script src="js/jquery.bxslider.min.js"></script>

            <link href="css/jquery.bxslider.css" rel="stylesheet" />

            <script type="text/javascript">
            $(document).ready(function(){
            $('.bxslider').bxSlider();
            $('.datepicker').datepicker({
                    showOn: 'button',
                buttonImage: 'images/dp.png',
                buttonImageOnly: true,
                });
            });
            </script>   
            </body>