添加脚本后 Div 消失-解网

问：

我一直在尝试在我的页面上创建一个自动刷新时钟，但是在将脚本添加到我的文件后，全天候的 div 消失了，因此它不使用我添加到 div 的 CSS。是那个不尽人意的。<div class="clock_item">

如果我在此之前关闭，它不会消失，但我想呆在里面。div.clock_itemdiv.clocktwodiv.clocktwodiv.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>

javascript php html ajax

    <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>
<script>
   function loadlink(){
    $('.clocktwo').load('<?php echo get_template_directory_uri(); ?>/melbourne.php',function () {
         $(this).unwrap();
    });
}

loadlink(); 
setInterval(function(){
    loadlink() 
}, 5000);
    </script>

在您的代码中，unwrap 从所选元素中删除父元素，这就是您的外部元素被删除的原因，因为您的选择器是内部 div，即：和 outer 是 .取而代之的是 method，它将围绕匹配元素集中的每个元素包装 html 结构。即：$(this).unwrap()clocktwoclock_itemwrap

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

上一个：为什么这个 JQuery 循环不会改变元素小于 4 的 CSS

下一个：NET：：ERR_INSUFFICIENT_RESOURCES AJAX 时钟上的错误

添加脚本后 Div 消失

Div dissapears after I add script

评论

评论