时间戳

首页 > 解决方案 > 如何在 HTML 中显示输出而不是文本

javascript - 如何在 HTML 中显示输出而不是文本

问题描述

在此处输入图像描述我正在使用 jquery 脚本在页面滚动上显示页面内容，这工作正常，但我在输出内容方面遇到问题。

它以文本形式显示我的所有循环数据，而不是 HTML

<script type="text/javascript">
    jQuery(document).ready(function($){

    
    var $loading = $('<div class="loading"><img class="loading-icon" src="https://crazyoffers.today/static/media/Spinner-Preloader.2b02159f.gif" width="25"></div>');
var $icon = $loading.find('img');
var $content = $('.content');
var $p = $content.find('p');
var CHUNK_SIZE = 2000;

$content.append($loading);

var block = 0;
var loading = false;

$(window).scroll(function () {
    if (block === -1) {
        return;
    }
    
    if (!loading && (window.scrollY + $(window).height() - 30) > ($p.offset().top + $p.outerHeight())) {
        loading = true;
        setTimeout(function () {
            $icon.show();
            load(function () {loading = false});
        }, 250);
    }
});

var $text = $('.text').html();
var p = '';

function load(cb) {
    setTimeout(function () {
        var str = $text.text().slice(block * CHUNK_SIZE, (block + 1) * CHUNK_SIZE);
        p = p + str;
        
        block++;
        if (block * CHUNK_SIZE >= $text.length) {
            block = -1;
        }

        $p.text(p + (block === -1 ? '(No More Events)' : '...'));
        $icon.hide();
        
        cb();
    }, 750);
}

load();
});
</script>

上面的脚本我曾经使用滚动效果来显示页面内容，但输出的是显示所有 HTML 标记以及内容

标签： javascriptjquerywordpress

解决方案

您正在使用 jQuery.text() 方法来输出内容。

$p.text(p + (block === -1 ? '(No More Events)' : '...'));

尝试jQuery.html()改用

推荐阅读