Javascript 我的网站不能在firefox上运行_Javascript_Css_Html_Firefox

Javascript 我的网站不能在firefox上运行

javascript css html firefox

Javascript 我的网站不能在firefox上运行,javascript,css,html,firefox,Javascript,Css,Html,Firefox,所以我为我的实习任务制作了一个网站（我学习的第一年因此缺乏经验）。可悲的是，我遇到了一个问题，除了firefox，它在所有浏览器上都能工作。firefox的问题是什么都不管用。没有一个菜单真正链接了任何东西**** 我想知道这里是否有人能帮我解决这个问题，在我自己尝试了无数个小时之后所以我在下面发布的网站上使用了Html、css和一些javascript <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/x

所以我为我的实习任务制作了一个网站（我学习的第一年因此缺乏经验）。可悲的是，我遇到了一个问题，除了firefox，它在所有浏览器上都能工作。firefox的问题是什么都不管用。没有一个菜单真正链接了任何东西****

我想知道这里是否有人能帮我解决这个问题，在我自己尝试了无数个小时之后

所以我在下面发布的网站上使用了Html、css和一些javascript

        <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="tartufi.css" media="screen"/>
<title>xxxxxx</title>
 <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    <script src="script.js" type="text/javascript"></script>
<link href='http://fonts.googleapis.com/css?family=Karla:700' rel='stylesheet'      type='text/css'/>
</head>

<body>
<p>&nbsp;</p>

 <div class="header"> 

    </div>

<div class="alpha">
      <div class="headermenu"> 


            <div class="logo">

            </div> 

        <nav>
        <ul id="navigation">
            <li><div class="navSection "><a id="nav1" href="">HOME</a> </div></li>
            <li><div class="navSection "><a id="nav2" href="">PASSION</a> </div></li>
            <li><div class="navSection "><a id="nav3" href="">CONTACT</a> </div></li>
        </ul>
        </nav>
        <div class="talen">
          <a href="index.html"><img style="border:0;" src="nederlands.png" alt="English" /></a>
          <a href="index_en.html"><img style="border:0;" src="english.png" alt="English" /></a>
          <a href="index_du.html"><img style="border:0;" src="deutsch.png" alt="Deutsch" /></a>
        </div>
    </div>

  <div class="content"> 

    <article class="content">

    <section id="s1"> 
        <div id="services" class="f"> 
        </div>
    </section>

    <section id="s2">
        <div id="services2" class="b"> 

         <div class="tekstcontent">


         </div>

             <div class="imagecontent">
             </div>

        </div>
    </section>


    <section id="s3">
        <div id="services3" class="c"> 

        <div class="contact">
        person lastname <br/>
        street<br/>
        postal code<br/><br/>

        <img src="streep.png" alt="" /><br/><br/>
        <img src="tel.png" alt=""/>
       phone <br/><br/>
        <img src="fax.png" alt="" >
        fax<br/><br/>
        <img src="email.png" alt="" align="center">
        <a href="mailto:xxxx@xxxxxxxx" class="contactlink">xxxx@xxxxxxxx</a>
        </div>

            <div class="imagecontent">
            </div>


        </div>
    </section>
    </article>
  </div>

    <div class="footer">
    Copyright © 2014.
<a  href="http://www.xxxxx.xxxx/" target="_blank" style="color:grey;">xxxx xxxx xxxxxx</a>
</div>
</div>



</body>
</html>

还有我的js

// kadaj Oct 2012

$(document).ready(function () {
    $('.navSection').on('click', function (e) {
        debugger;
        var elemId = "";    //eg: #nav2
        switch (e.target.id) {
        case "nav1":
            elemId = "#s1";
            break;
        case "nav2":
            elemId = "#s2";
            break;
        case "nav3":
            elemId = "#s3";
            break;
        case "nav4":
            elemId = "#s4";
            break;
        }
        $('.content').animate({
            scrollTop: $(elemId).parent().scrollTop() + $(elemId).offset().top - $(elemId).parent().offset().top
        }, {
            duration: 1000,
            specialEasing: {
                width: 'linear',
                height: 'easeOutBounce'
            },
            complete: function (e) {
                //console.log("animation completed");
            }
        });
        e.preventDefault();
    });
});

非常感谢您提供的任何帮助

您的

位于导航div的前面，因此您不能单击导航div内的任何内容。
将css添加到.headermenu：

.headermenu{
    //what you had before
    z-index: 999;
}

较高的z索引将使任何带有z索引的元素（或包含该z索引的元素）位于具有较低z索引的其他元素之前（我认为默认值为1）。

根据当前代码，将以下代码放在CSS文件的末尾。它将在firefox中工作。用小提琴手测试

#navigation
{
    z-index: 1000;
}

控制台中显示了什么？这是一个非常模糊的问题，请在发布之前尝试缩小问题的范围，我们不是想为您花费7小时解决问题的自由职业者。一把小提琴也能帮上大忙。我对FF也有同样的问题。您正在通过CDN（src=“）导入jQuery，因为某些原因FF不喜欢它（可能可以在FF设置中更改，不知道）。如果您将jQuery下载到托管页面的本地计算机/服务器，并以这种方式将其包含在页面中，它应该可以工作。@DanielGruszczyk它在我的Firefox 31.0版上运行良好。@DanielGruszczyk我已将jQuery添加到服务器并更改了代码，但它似乎不起作用。这解决了我的问题！非常感谢！谢谢您的解释为什么。我会在将来记住它！我很高兴我能帮上忙：）

#navigation
{
    z-index: 1000;
}