Javascript 我正在尝试使用js进行分页,它不会';当我打开浏览器时不显示,我可以在代码中编辑什么?
我正在尝试使用js进行分页,当我打开浏览器时,它不会出现,我可以在代码中编辑什么 我只需要出现分页,然后我将继续编写代码 HTML代码:Javascript 我正在尝试使用js进行分页,它不会';当我打开浏览器时不显示,我可以在代码中编辑什么?,javascript,html,Javascript,Html,我正在尝试使用js进行分页,当我打开浏览器时,它不会出现,我可以在代码中编辑什么 我只需要出现分页,然后我将继续编写代码 HTML代码: <div class="slider-container"> <div id="slide-number" class="slide-number">slider #6</div> <img src="imgs/01.jpg" alt=""> <img src="imgs/02.jp
<div class="slider-container">
<div id="slide-number" class="slide-number">slider #6</div>
<img src="imgs/01.jpg" alt="">
<img src="imgs/02.jpg" alt="">
<img src="imgs/03.jpg" alt="">
<img src="imgs/04.jpg" alt="">
<img src="imgs/05.jpeg" alt="">
</div>
<div class="slider-controls">
<span id="prev" class="prev">Previous</span>
<span id="indicators" class="indicators">
</span>
<span id="next" class="next">Next</span>
</div>
滑块#6
以前的
下一个
js代码
var sliderImages = Array.from(document.querySelectorAll('.slider-container img'));
var slidesCount = sliderImages.length;
var currentSlide = 1;
var slideNumberElement = document.getElementById('slide-number');
var nextButton = document.getElementById('next');
var prevButton = document.getElementById('prev');
nextButton.onclick = nextSlide;
prevButton.onclick = prevSlide;
var paginationElement = document.createElement('ul');
paginationElement.setAttribute('id', 'pagination-ul');
for (i = 1; i <= slidesCount; i++) {
var paginationItem = document.createElement('li');
paginationItem.setAttribute('data-index', i);
paginationItem.appendChild(document.createTextNode(i));
paginationElement.appendChild(paginationItem);
}
document.getElementById('indicators').appendChild(paginationElement);
var sliderImages=Array.from(document.querySelectorAll('.slider-container-img'));
var slidescont=sliderImages.length;
var currentSlide=1;
var slideNumberElement=document.getElementById('slide-number');
var nextButton=document.getElementById('next');
var prevButton=document.getElementById('prev');
nextButton.onclick=nextSlide;
prevButton.onclick=prevSlide;
var paginationElement=document.createElement('ul');
paginationElement.setAttribute('id','pagination ul');
对于(i=1;i不清楚问题所在。您需要帮助什么?js中的分页不需要帮助appear@YasserEhab您是否在浏览器控制台中看到任何错误?这可能是因为您的nextSlide
和prevsile
函数似乎还不存在。因此,您的JS在到达您的p之前抛出了一个错误煽动代码。您的代码完全不起作用: