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

我全身心疼。单击按钮时，正在使用Javascript构建HTML，但由于在此处粘贴很复杂，因此我将其简化为创建的代码。事实证明，通过Javascript构建HTML是导致问题的原因（显然阻止原型和 Scriptaculous 找不到第二个DIV的ID - 为什么第一个应该工作正常，我不知道。）

现在全部完成......我只希望能够结束这个问题:(

IE中的Scriptaculous问题

1 个答案: