Javascript jQuery左键和右键滚动

这几天我一直在想办法，但似乎没有任何进展。我试图做一个简单的左右滚动使用图像作为滚动，但我似乎无法让它工作。这是我的密码：

HTML

CSS

---

任何帮助都将不胜感激。

您的ID是错误的，您已将其命名为

\left

和

right

，而不仅仅是

left

和

right

。在JSFIDLE中，您已经成功地将其设置为id:

#left1

和

#right1

解决方案：将ID改为左<代码>和右<代码>，这样您就可以：

<div class="productspace">
    <img src="images/arrowleft.png" id="left" alt="left"/>
    <img src="images/arrowright.png" id="right" style="padding-left: 10px;" alt="right"/>
</div>

---

您还试图使用class

outerrapper

作为

id

，而不是

class

访问您的div。要么将OuterRapper更改为ID，以便

，要么将jquery更改为查找类：

$（“.outerRapper”）

（我认为前面的解决方案是高级的，所以更改div ID）。

什么不起作用？展示图片？实际上是让按钮滚动？请指定图像显示良好，滚动不起作用您设置的按钮ID错误。将

id=“#right1”

和

id=“#left1”

替换为

id=“right”

和

id=“left”

您的图片不会显示在JSFIDLE中，但我还注意到id实际上是

left1

和

right1

，而不是

left

和

right

。这可能是原因吗？是的，我已经解决了，但仍然没有work@Keith这是一个正确的解决方案，但你可能期待一些神奇的滚动，在你当前的HTML和JS中不起作用。这就是为什么我把我所有的脚本都发布在黑板上，看看脚本到底有什么问题。我错过了你说的最后一部分，将id切换到一个类，它就工作了。我觉得自己很笨…我在努力让这个在JSFIDLE中起作用。我想有些JSF文件是我无法导入的。希望你能成功。

$(function () {

    $("#right, #left").click(function () {
        var dir = this.id == "right" ? '+=' : '-=';
        $("#outerwrapper").stop().animate({ scrollLeft: dir + '422' }, 1000);
    });

});

.spacer {
    width: 20px;
    height: 319px;
    display: inline-block;
}

.outerwrapper {
    margin: 0px auto;
    width: 1050px;
    height: 323px;
    display: inline-block;
    overflow: hidden;
}

.innerwrapper {
    width: 1600px;
    height: 322px;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

<div class="productspace">
    <img src="images/arrowleft.png" id="left" alt="left"/>
    <img src="images/arrowright.png" id="right" style="padding-left: 10px;" alt="right"/>
</div>