0

unslider 轮播一直显示幻灯片的编号 1234。当我检查元素时显示的是 li 数据幻灯片编号，但它们不在我的 html 中，如下所示。不知道如何摆脱它们..

<!DOCTYPE html>
<html lang="en">
    <head>



        <link href="css/unslider.css" rel="stylesheet">

         <link rel="shortcut icon" href="img/icon.ico"/>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Axel McHugh</title>

           <link rel="shortcut icon" href="img/1.ico"/>








        <link href="css/bootstrap.min.css" rel="stylesheet">


        <link href="css/mystyle.css" rel="stylesheet">





    </head>

    <body>

  <div class="container-fluid" style="margin-left:25px">






     <div class="row">



            <div class="col-md-2">

                   <a href="index.html"> <h2 class="title">Axel McHugh</h2></a>

                 <ul>
            <li class="toplistindex"><p3>Projects</h2></li>
            <li class="normlist"><a href="iadt.html"><p4 class="title">IADT Gradshow<p4></a></li>
            <li class="normlist"><a href="welcome.html"><p4 class="title">Welcome<p4></a></li>
                 <li class="normlist"><a href="iapi.html"><p4 class="title">IAPI Census<p4></a></li>
                      <li class="normlist"><a href="spark.html"><p4 class="title">Spark<p4></a></li>
                           <li class="normlist"><a href="dcu.html"><p4 class="title">Dublin City University<p4></a></li>
                               <li class="normlist"><a href="kuuki.html"><p4 class="title">KUUKI<p4></a></li>

                       <li class="bottomlist"><a href="about.html"><p4 class="title">About / Contact<p4></a></li>




                    </ul> 
                    </div>








                   <div class="col-md-8" style="
    padding-left: 0px;
">                
   <div class="banner">
    <ul>
        <li><img src="img/grad.jpg" class="img-responsive"</li>
            <li><img src="img/grad.jpg" class="img-responsive"</li>
                <li><img src="img/grad.jpg" class="img-responsive"</li>
        <li><img src="img/grad.jpg" class="img-responsive"</li>
    </ul>
</div></div>










                               </div>





              </div>













     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/unslider.js"></script>

    <script src="js/bootstrap.js"></script>


       <script>





           $(function() { $('.banner').unslider() })


        </script>

       <script>
           $('.banner').unslider({
               infinite: true,
               autoplay: true,
               delay: 3000,
               speed: 1000,
               keys: true,

});

        </script>      

                          <script>

                          if (index == $("#hp-banner-right li").length)
{
  var data = slidey.data('unslider');
  data.speed = 0;
  data.move(0, function () {})
  data.speed = 500;
  $('#hp-banner-right li').removeClass ('active').eq (0).addClass ('active');
}</script>



    </body>
</html>
4

1 回答 1

0

修复了 img 标签，这些标签仍然出现。似乎与 bootstrap.min 有关？

于 2017-06-01T18:27:49.113 回答