javascript - IE 中的脚本问题

Question

我们在 Scriptaculous 和 Internet Explorer 7/8 中遇到了这个非常烦人的问题。我们有两个Effect.toggles在同一页面上，但只有其中一个在工作(第一个)。我希望这是我的实现中的一些简单错误，但我似乎找不到任何像样的文档。希望这里有人可以提供帮助。

HTML/JS 看起来像这样:

<ul>
    <li id="LinkA" class="icon">
        <a onclick="new Effect.toggle('divA', 'slide', { duration: 0.6 }); return false;" href="#">Show List A</a>
    </li>
</ul>
<div id="divA" style="display:none">
    <div>
        -- Things to display --
    </div>
</div>
<ul>
    <li id="LinkB" class="icon">
        <a onclick="new Effect.toggle('divB', 'slide', { duration: 0.6 }); return false;" href="#">Show List B</a>
    </li>
</ul>
<div id="divB" style="display:none">
    <div>
        -- Things to display --
    </div>
</div>

它在 Chrome 和 Firefox 中完美运行，但无论我做什么，第二个在 IE 7 或 8 中都无法运行。

任何帮助将不胜感激!

Answer 1

我的一切都不好。 HTML 是在单击按钮时用 Javascript 构建的，但由于粘贴到此处很复杂，因此我将其简化为创建的代码。事实证明，Javascript 构建 HTML 是导致问题的原因(显然阻止了 Prototype 和 Scriptaculous 找到第二个 DIV 的 ID - 为什么第一个应该可以正常工作，我不知道)。

现在一切都完成了......我只希望我能结束这个问题:(