Unslider Carousel無法正常工作。 Li幻燈片下方出現數字幻燈片編號

幻燈片轉盤不斷顯示編號爲1234的幻燈片。當我檢查元素是顯示是李數據幻燈片號碼，但他們arent在我的HTML，如下所示。不知道如何擺脫他們..Unslider Carousel無法正常工作。 Li幻燈片下方出現數字幻燈片編號

<!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>

來源

2017-06-01 Axel McHugh

你的意思是，而不是出現在照片下的點，這個數字是？ –

Nvm，我看到了問題。你沒有關閉你的圖片標籤。如果list元素中沒有任何內容，它會根據幻燈片編號爲您生成一個標籤。 –

歡迎來到Stack Overflow。首先解決這些問題：'