Javascript jQuery滑块'；用户控件不工作

所以我开始学习jQuery，并决定制作一个简单的滑块。 一切正常，直到我到达用户控制的部分（上一个/下一个img）

谁能告诉我哪里做错了

<div id="slider">

    <div id="slideshow">
        <img id="1" src="http://i.imgur.com/bWsaWvN.jpg" border="0" alt="First Slide">
        <img id="2" src="http://i.imgur.com/nhxEbVm.jpg" alt="Second Slide">
        <img id="3"src="http://i.imgur.com/OU3hY91.jpg" alt="Third Slide">
    </div>

    <img id="prev" onclick="prev()" src="http://i.imgur.com/v7KjugK.png" alt="">
    <img id="next" onclick="next()" src="http://i.imgur.com/xja1vLW.png" alt="">

</div>

这是完整的滑块：

---

只需将

next（）

和

prev（）

函数替换为以下函数：

$("#prev").click(function () {

    newSlide = sliderInt - 1;
    showSlide(newSlide);

});

$("#next").click(function () {

    newSlide = sliderInt + 1;
    showSlide(newSlide);

});

---

您可以使用addEventListener方法而不是onclick属性

$（文档）.ready（函数（）{
$（“#幻灯片>img#1”）.fadeIn（300）；
startSlider（）；
$（“#prev”）。单击（函数下一步（）{
newSlide=slident-1；
放映幻灯片（新闻幻灯片）；
});
$（“#下一步”）。单击（函数下一步（）{
newSlide=slident+1；
放映幻灯片（新闻幻灯片）；
});
});
var btnPrev = document.getElementById('prev');
var btnNext = document.getElementById('next');
btnPrev.addEventListener('click', function(){
    newSlide = sliderInt - 1;
    showSlide(newSlide);
});
btnNext.addEventListener('click', function(){
    newSlide = sliderInt + 1;
    showSlide(newSlide);
});