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"); 
      });
});

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:[phone]">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">[e-mail]</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>

需要什么样的外观？

会发生什么？

有没有人能够解决这个问题？谢谢。

- Amando Vledder

---

我相信你在点击函数的选择器中使用了 #cont 元素作为链接，因此在任何其他操作之前，你需要使用 preventDefault()。 - Batu.Khan

@AmandoVledder，你把event参数放在了函数里面了吗？就像这样：$('#cont').click(function(event)... 如果是的话，那就还有其他问题。我们需要看看你的基本HTML代码。 - Batu.Khan

@BatuZet 是的 <a class="menuItem" id="cont" href="#">联系我们</a> - Amando Vledder

@AmandoVledder - 在你的编辑后，没有证据表明你使用了事件参数。(你也没有包含事件处理程序绑定到的HTML) - Quentin

我猜问题出在你使用了 $("#content").load()，实际上应该是 $("#contents").load()。 - Batu.Khan

Answer 1

问题出在你的 mail.js 文件中： 你使用了 document.write( 而不是 $('#contents').html(

这样你就替换了整个文档。 请看你的 mail.js 文件中的第37行。

- Vixed