javascript - jQuery .load() 在新选项卡中打开脚本

Question

我有一个 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"); 
      });
});

联系.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( 而不是 $('#contents').html(

因此您正在替换文档中的所有内容。 请参阅您的 mail.js 文件的第 37 行。