Question

我知道这个问题已被问过好几次了。我已经阅读了所有的线程而没有找到解决方案。我使用Wordpress和插件，这个插件让我添加事件。我在Wordpress页面上使用＆＃34;短代码＆＃34; / [slug]。这会显示我添加的事件。如果我添加或删除一个事件，我需要手动刷新页面才能看到这个。

我的目标是能够在不刷新整个页面的情况下查看新事件（并删除）。如果我检查带有chrome的页面和源代码，我会发现div id =＆＃34; vs＆＃34;是包含所有事件的东西。我已经添加了插件，我已经创建了一个javascript。

jQuery(document).ready( function($) {

var auto_refresh = setInterval(
function() {
$.ajax({
    url: "https://example.com",
    success: function( data ) {
        $("#vs").html( $(data).find('div').html());
    }
})
}, 5000); // refreshing after every 5000 milliseconds
})

会发生什么事情，它会自动刷新。但它显示了很多元素，它与已经存在的内容重复。而且一切都被抵消了。

我真的不知道该尝试什么？而且，显示的页面是一个滑块，两者都显示相同的slug，但它只是＆＃34;工作＆＃34;在第一个滑块上。

有什么想法吗？

Answer 1

所以如果没有看到所有dom的样子，它有点难以回答，但听起来你并没有取代内容而只是一遍又一遍地添加它。结果，慢慢地宽度内容越来越小，这就是你得到缩进效果的原因。我猜你是想在使用.replaceWith时使用.html http://api.jquery.com/replacewith/

var auto_refresh = setInterval(
function() {
$.ajax({
    url: "https://example.com",
    success: function( data ) {
        $("#vs").replaceWith( $(data).find('div').html());
    }
})
}, 5000); // refreshing after every 5000 milliseconds

如果这不起作用，我想我们需要看看你的dom是什么样的。

自动刷新div内的内容？

1 个答案: