Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 未滑动转盘工作不正常。显示在滑块下方的Li数据幻灯片编号_Jquery_Unslider - Fatal编程技术网

Jquery 未滑动转盘工作不正常。显示在滑块下方的Li数据幻灯片编号

Jquery 未滑动转盘工作不正常。显示在滑块下方的Li数据幻灯片编号,jquery,unslider,Jquery,Unslider,不滑动旋转木马不断显示幻灯片的编号1234。当我检查元素时,显示的是li数据幻灯片编号,但它们不在我的html中,如下所示。我不知道如何摆脱他们 <!DOCTYPE html> <html lang="en"> <head> <link href="css/unslider.css" rel="stylesheet"> <link rel="shortcut icon" href="img/i

不滑动旋转木马不断显示幻灯片的编号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>

阿克塞尔·麦克休
  • 项目
$(函数(){$('.banner').unslider()}) $('.banner').unslider({ 无限:是的, 自动播放:对, 延误:3000, 速度:1000, 凯斯:没错, }); 如果(索引==$(#hp横幅右li”).length) { var data=slidey.data('unslider'); data.speed=0; data.move(0,函数(){}) data.speed=500; $('#hp banner right li').removeClass('active').eq(0).addClass('active'); }
修复了img标签,但这些标签仍然会出现。似乎与bootstrap.min有关?

你的意思是,照片下面没有出现点,而是数字是?Nvm,我看到了问题。您没有关闭图像标签。如果列表元素中没有任何内容,它会根据幻灯片编号为您生成一个标签。欢迎使用Stack Overflow。首先解决这些问题:
  • 我相信bootstrap min中有一些东西,不管我有多少张幻灯片,比如说4张,在滑块的左下角,它看起来像是一个有序的列表,上面写着1 2 3 4