Javascript 动态替换水平滚动的内容

到目前为止，我有一个动态索引页面，其中有一个nav来替换内容

内容将是可单击的图像，并沿水平方向滚动到下一个图像

在此页面上，您可以看到替换内容的动态索引页面。我从这个博客中找到了代码

内容是可单击的图像，沿水平方向滚动到下一个图像。图像在索引页上滚动良好，但在内容被替换时不起作用。例如，请查看此页面，但是此paul smith页面链接根本不加载内容。您可能需要点击“工作”>“伦敦时装周”>“保罗·史密斯”来查看此页面

---

如何使图像在替换的内容上滚动？

您正在注册一个

hashchange

$(window).bind('hashchange', function(){

但您也在图像锚上使用了

#

<div id="image-1">
    <a href="#image-2"><img></a> <!-- HERE'S THE ISSUE -->
</div>

希望能够防止触发

hashchange

事件。希望这有助于发现这个问题

---

注意：左侧的菜单也不直观，不清楚哪个子菜单打开了，哪个是父调用方…

谢谢您的建议，我决定更改内容，所以它只是滚动，而不是触发滚动到下一个图像。

$("#main-content").on("click", "a[href^='image-']", function( event ){
   event.preventDefault();
});