Блог

введите описание изображения здесьЯ использую скрипт 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 amp;amp; (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>
  

Приведенный выше скрипт, который я использовал для использования эффекта прокрутки содержимого страницы, но out отображает все HTML-теги вместе с содержимым

Вы используете метод jQuery.text() для вывода содержимого.

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

Попробуйте использовать jQuery.html() вместо