Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/41.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
Javascript 我正在尝试使用js进行分页,它不会';当我打开浏览器时不显示,我可以在代码中编辑什么?_Javascript_Html - Fatal编程技术网

Javascript 我正在尝试使用js进行分页,它不会';当我打开浏览器时不显示,我可以在代码中编辑什么?

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

我正在尝试使用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.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之前抛出了一个错误煽动代码。您的代码完全不起作用: