jQuery的导航问题链接仅在一个div中起作用

问题描述

| 我正在尝试制作一个仅使用一个大型页面并包含3x3的div数组的网站，其中用户一次只能看到一个div，而jQuery将使用链接为所需的div设置动画来引导屏幕。 我从这个免费代码页中得到了这个主意，但我希望这些链接位于每个div内部，而不是位于其自身容器的外部。 现在，我的链接在\'home \'div（中央的div）上正常工作，并且动画都能正常工作，但是当我将html中的链接代码复制+粘贴到另一个div时，它们拒绝工作。我不知道为什么，因为所有的div都是相同的，并且代码似乎与引用中央div无关。 HTML代码与此类似（只有9个链接）：

<div id=\"one\" class=\"elements\">
  <div class=\"block25\">
    <span class=\"go1\"><img src=\"images/go1.png\" alt=\"One\"><h4>ONE</h4></span>
  </div>
</div>

虽然jQuery是这样的：

$(\'.go1\').click(function(){
     $(\'#one\').click();
     });

$(\'#one\').click(function(){;
    currentId = $(\'selected\').attr(\'id\');
    goId = section[0][0];
    $target = $(\'div[id=\' + goId +\']\');
    $paneTarget.stop().scrollTo($target,800,{ margin: true } );
    $(\'div[id=\' + currentId +\'],div[id=\' + goId +\']\').toggleClass(\'selected\');
});

我究竟做错了什么？任何帮助将不胜感激。     

解决方法

        我认为这是因为您的脚本引用了

div

s

ID

。

ID

应该是该页面唯一的。因此，该脚本仅适用于一个

div

，因为a）编写该脚本只能访问一个

div

，而b）因为

ID

是唯一的。 要解决此问题，您可以做两件事： 给每个

div

一个唯一的

ID

，并根据需要复制脚本多次（如果不确定代码，这很容易）。 赋予ѭ2相同的ѭ11，并修改代码以适用于每个类实例。