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

Question

我有一个加载在包含脚本的HTML文件中的jQuery代码。问题是脚本在新选项卡中打开，而不是显示在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>

加载到

的代码

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

触发脚本的代码

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

它需要看起来像什么

会发生什么

有人有解决方案吗？提前谢谢。

Answer 1

探针位于 mail.js 内容中： 您正在使用 document.write（而不是 $（＆＃39; #content＆＃39;）。html（

所以你要替换文档中的所有内容。 请参阅 mail.js 文件的第37行。