为什么 ShowViaLink(） 不适用于 Firefox 或 IE

Why ShowViaLink() doesn't work with Firefox or IE?

本文关键字：Firefox IE 适用于 不适用 ShowViaLink 为什么      更新时间：2023-09-26

我有这个简单的页面，导航不适用于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>

并更改此内容：

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

在你的旧代码中，你无法达到 lik，因为你总是按下按钮，所以你从来没有触发过$(this).click(function()

您只需要添加一些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>

j查询：

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");
        });
    });
}
相关文章：