Javascript 为什么ShowViaLink（）不适用于Firefox或IE？

我有一个简单的页面，导航不适用于Firefox或IE，只适用于chrome。 我认为这与此有关，因为当我更改它时，它停止在Firefox和IE上工作：

// makes the navigation work after all containers have bee hidden 
        showViaLink($("aside button#navigation a"));

原来是这样的:

// makes the navigation work after all containers have bee hidden 
    showViaLink($("ul#navigation li a"));

但是，我不想使用ul li，我选错了吗？

使用此选项：

        <aside id="side">
            <div class="navigation"><a href="#home">Home</a> </div>
            <div class="navigation"><a href="#about"> About</a> </div>
            <div class="navigation"><a href="#contact"> Contact </a></div>
            <div class="navigation"><a href="#awards"> Awards </a></div>
            <div class="navigation"><a href="#links"> Links </a></div>
        </aside>

在旧代码中，您无法访问lik，因为您总是按按钮，因此从未触发$this.clickfunction

你只需要添加一些css和样式你自己的按钮。可能会有帮助

编辑：

如果您想使用模具按钮，这可能会起作用：

<aside id="side">
  <div class="navigation" id="#home"><a href="#home">Home</a> </div>
  <div class="navigation" id="#about"><a href="#about"> About</a> </div>
  <div class="navigation" id="#contact"><a href="#contact"> Contact </a></div>
  <div class="navigation" id="#awards"><a href="#awards"> Awards </a></div>
  <div class="navigation" id="#links"><a href="#links"> Links </a></div>
</aside>

---

ID必须是唯一的！你应该改变它。你知道单词unique的意思吗？每个ID在你的代码中应该只出现一次。如果你想把元素分组，那就由一个同学来做吧谢谢你帮我省了好几天&真管用！你能提供我如何用这种方式选择css吗？因为raina77ow之前的一个答案被删除了，当我应用它时，没有任何效果，我认为他很糟糕，我的意思是为什么要删除它，不管怎么说，在css中，这个按钮在css中变成了什么？header buttonnavigation将是header div.navigationYikes！谢谢你，伙计：如果我是人力资源部的话，你真是太棒了。你会在我的十大合格开发人员名单上。为什么我不能用button class=navigation而不是div class=navigation，因为button和这两个都是可点击的。如果您单击该按钮，该按钮将起作用，您永远无法访问上面的“查看我的编辑”：

<aside id="side">
  <div class="navigation" id="#home"><a href="#home">Home</a> </div>
  <div class="navigation" id="#about"><a href="#about"> About</a> </div>
  <div class="navigation" id="#contact"><a href="#contact"> Contact </a></div>
  <div class="navigation" id="#awards"><a href="#awards"> Awards </a></div>
  <div class="navigation" id="#links"><a href="#links"> Links </a></div>
</aside>

showViaLink($("aside .navigation"));

// shows proper DIV depending on link 'href'
function showViaLink(array)
{
    array.each(function(i)
    {   
        $(this).click(function()
        {
            var target = $(this).attr("id");
            $(".container").css("display","none");
            $(target).slideDown("slow");
        });
    });
}