Javascript load（）在新选项卡中打开脚本

我有一个jQuery代码，加载到一个包含脚本的HTML文件中。问题是脚本在一个新选项卡中打开，而不是显示在它需要的

div

中

在中加载联系人的脚本：

$(document).ready(function(){
     $('#cont').click(function(event){
    event.preventDefault();
        $("#content").hide();
        $('#home').removeClass("active");
        $('#info').removeClass("active");
        $('#vergun').removeClass("active");
        $('#pasp').removeClass("active");
        $('#cont').addClass("active");
        $("#content").show();
        $("#content").load("contact.html"); 
      });
});

contact.html

 <div id="contents">
    <h2>Adres</h2>
      <table>
        <tr>
          <td id="tableSpacer"><i class="fa fa-phone"></i></td><td id="tableSpacer"><a href="tel:734-389-7473">734-389-7473</a></td>
        </tr>
        <tr>
          <td rowspan="2"><i class="fa fa-globe"></i></td><td>25 Woodland Drive </td>
        </tr>  
        <tr>
          <td colspan="2" >28803 Megaton, Commonwealth</td>
        </tr>
        <tr >
          <td id="tableSpacerTop"><i class="fa fa-envelope"></i></td><td id="tableSpacerTop">info@megaton.nl</td>
        </tr>
      </table>
        <div id="contentMail">
          <script type="text/javascript" src="/mail/script/mail.js"></script>
        </div>
  </div>

阿迪斯
伍德兰道25号
28803兆吨，英联邦
info@megaton.nl

代码加载到的位置

<center>
    <div id="content" style="position: static;">
        <div id="contents"></div>
    </div>
</center>

触发脚本的代码

<a class="menuItem" id="cont" href="#">Contact</a>

它需要什么样子

发生了什么

有人能解决这个问题吗？提前感谢。

问题在您的mail.js内容中： 您正在使用document.write（而不是$（“#contents”）.html（

因此，您正在替换文档中的所有内容。

---

请参阅mail.js文件的第37行。

我认为用于单击选择器功能的

#cont

元素是一个链接，因此需要使用

preventDefault（）

在做其他事情之前，如果我是对的，您现在要做的是打开contact.html。您必须将其加载到同一页面上。@BatuZet在使用

event.preventDefault（）时；

确实如此nothing@AmandoVledder是否将

事件

参数放置在函数中？如

$（'#cont'）。单击（函数（事件）…

如果您这样做了，那么还有其他内容。我们需要查看您的基本html代码too@AmandoVledder-编辑后，没有任何证据表明您使用了事件参数。（您还没有包括事件处理程序绑定到的HTML）