JQuery RSS Reader - нужна помощь в разделении данных - PullRequest
Новая
       23

JQuery RSS Reader - нужна помощь в разделении данных

0 голосов
/ 19 марта 2020

У меня проблемы с программой чтения RSS, созданной с помощью jquery. Я хочу разделить элемент канала так, чтобы заголовок, дата, эскиз и описание канала были четко разделены. В идеале миниатюра должна отображаться первой, слева, а справа от нее должны стоять плавающие заголовок, дата и описание, каждое в своем собственном виде и

. С помощью кода, показанного ниже, я сначала получаю заголовок и дату, а затем миниатюру и описание в div "itemContent". У кого-нибудь есть какие-либо подсказки о том, как этого добиться? 

    (function ($) {
    $.fn.FeedEk = function (opt) {
        var def = $.extend({
            MaxCount: 5,
            ShowDesc: true,
            ShowPubDate: true,
            DescCharacterLimit: 0,
            TitleLinkTarget: "_blank",
            DateFormat: "",
            DateFormatLang: "en"
        }, opt);

        var id = $(this).attr("id"), s = "", dt;
        $("#" + id).empty();
        if (def.FeedUrl == undefined) return;
        $("#" + id).append('<img src="loader.gif" />');
        $.ajax({
            url: "https://feed.jquery-plugins.net/load?url=" + encodeURIComponent(def.FeedUrl) + "&maxCount=" + def.MaxCount + "&dateCulture=" + def.DateFormatLang + "&dateFormat=" + def.DateFormat,
            dataType: "json",
            success: function (result) {
                $("#" + id).empty();
                if (result.data == null)
                    return;

                $.each(result.data, function (e, itm) {
                    s += '<li><div class="itemTitle"><a href="' + itm.link + '" target="' + def.TitleLinkTarget + '" >' + itm.title + '</a></div>';

                    if (def.ShowPubDate) {
                        dt = new Date(itm.publishDate);
                        s += '<div class="itemDate">';
                        if ($.trim(def.DateFormat).length > 0) {
                            s += itm.publishDateFormatted;
                        }
                        else {
                            s += dt.toLocaleDateString();
                        }
                        s += '</div>';
                    }
                    if (def.ShowDesc) {
                        s += '<div class="itemContent">';
                        if (def.DescCharacterLimit > 0 && itm.description.length > def.DescCharacterLimit) {
                            s += itm.description.substring(0, def.DescCharacterLimit) + '...';
                        }
                        else {
                            s += itm.description;
                        }
                        s += '</div>';
                    }
                });

                $("#" + id).append('<ul class="feedEkList">' + s + '</ul>');
            }
        });
    };
})(jQuery);
...