Question

以下是我在网站上使用的幻灯片和jquery日期代码。只有其中一个有效，无论其他作品如何，请帮助解决问题。我正在使用php和html，它是一个幻灯片，作为头部和jquery日期来接收表单中的日期

</style>
<script src="jquery-1.9.1.min.js"></script>
<script src="jquery.ui.effect.min.js"></script>
<script src="jquery.ui.effect-blind.min.js"></script>
<script src="jquery.ui.effect-bounce.min.js"></script>
<script src="jquery.ui.effect-clip.min.js"></script>
<script src="jquery.ui.effect-drop.min.js"></script>
<script src="jquery.ui.effect-fade.min.js"></script>
<script src="jquery.ui.effect-fold.min.js"></script>
<script src="jquery.ui.effect-scale.min.js"></script>
<script src="jquery.ui.effect-slide.min.js"></script>
<script src="wb.slideshow.min.js"></script>
<script>
$(document).ready(function()
{
   $("#SlideShow1").slideshow(
   {
      interval: 14000,
      type: 'sequence',
      effect: 'fade',
      direction: '',
      effectlength: 4000
   });
});
</script>
<meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script type="text/javascript">
  $(function() {
        $( "#datepicker" ).datepicker();
    $( "#datepicker2" ).datepicker();
  });
  </script>
</head>
<body>

<div id="Layer3" style="position:absolute;text-align:left;left:20%;top:0%;width:80%;height:40%;z-index:16;" title="">
   <div id="SlideShow1" style="position:absolute;left:0%;top:0%;width:99%;height:99%;z-index:0;">
      <img class="image" style="width:100%;height:100%;" src="images/outside4.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/outside3.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/reception2.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/restaurant3.jpg" alt="" title="">
   </div>
   </div>

Answer 1

使用此：

<meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css">
 <link rel="stylesheet" href="/resources/demos/style.css">
<script src="jquery-1.9.1.min.js"></script>
<script src="jquery.ui.effect.min.js"></script>
<script src="jquery.ui.effect-blind.min.js"></script>
<script src="jquery.ui.effect-bounce.min.js"></script>
<script src="jquery.ui.effect-clip.min.js"></script>
<script src="jquery.ui.effect-drop.min.js"></script>
<script src="jquery.ui.effect-fade.min.js"></script>
<script src="jquery.ui.effect-fold.min.js"></script>
<script src="jquery.ui.effect-scale.min.js"></script>
<script src="jquery.ui.effect-slide.min.js"></script>
<script src="wb.slideshow.min.js"></script>
<script src="//code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script>
$(document).ready(function()
{
   $("#SlideShow1").slideshow(
   {
      interval: 14000,
      type: 'sequence',
      effect: 'fade',
      direction: '',
      effectlength: 4000
   });

    $( "#datepicker" ).datepicker();
    $( "#datepicker2" ).datepicker();
});
</script>

</head>
<body>

<div id="Layer3" style="position:absolute;text-align:left;left:20%;top:0%;width:80%;height:40%;z-index:16;" title="">
   <div id="SlideShow1" style="position:absolute;left:0%;top:0%;width:99%;height:99%;z-index:0;">
      <img class="image" style="width:100%;height:100%;" src="images/outside4.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/outside3.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/reception2.jpg" alt="" title="">
      <img class="image" style="width:100%;height:100%;display:none;" src="images/restaurant3.jpg" alt="" title="">
   </div>
   </div>

不止一个jquery不工作

1 个答案: