javascript - 添加脚本后 Div 消失

Question

我一直在尝试在我的页面上创建一个自动刷新时钟，但是在将脚本添加到我的文件后，div 全天候消失，因此它不使用我添加到 div 的 CSS。 <div class="clock_item">是消失的那个。
如果我关闭 div.clock_item之前 div.clocktwo然后它不会消失，但我想要 div.clocktwo留在里面div.clock_item .
谢谢您的帮助!

function loadlink() {
  $('.clocktwo').load('<?php echo get_template_directory_uri(); ?>/melbourne.php', function() {
    $(this).unwrap();
  });
}

loadlink();
setInterval(function() {
  loadlink()
}, 5000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="clock_item">


  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 310 155" style="enable-background:new 0 0 310 155;" xml:space="preserve">
  <path d="M64.9,44v102.6H36.5V44h-36V19.4h100.5V44H64.9z"/>
  <path d="M105.3,146.7V19.4h28.4v101.9h54.2v25.3H105.3z"/>
  <path d="M281.3,19.4h28.4v127.2h-28.4L220.6,67v79.7h-28.4V19.4h26.6l62.4,81.9V19.4z"/>
  <path d="M0,154.9v-9.1h309.7v9.1H0z"/>
</svg> <!--// MEL LETTERS -->

  <h3>
    MELBOURNE
  </h3>
  
  <div class="clocktwo">

  </div>
</div>

Answer 1

在您的代码中，您使用了 $(this).unwrap()所以 unwrap 从选定元素中删除父元素，这就是你的外部元素被删除的原因，因为你的选择器是内部 div，即:clocktwo和外部是 clock_item .而是使用 wrap方法它将围绕匹配元素集中的每个元素包装 html 结构。 IE :

 $('.clocktwo').load('<?php echo get_template_directory_uri(); ?>/melbourne.php',function () {
   $(this).wrap();
 });