Jquery 未滑动转盘工作不正常。显示在滑块下方的Li数据幻灯片编号
不滑动旋转木马不断显示幻灯片的编号1234。当我检查元素时,显示的是li数据幻灯片编号,但它们不在我的html中,如下所示。我不知道如何摆脱他们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
<!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