JQuery in Liferay

JQuery in Liferay

本文关键字：Liferay in JQuery      更新时间：2023-09-26

这是我在jsp文件中的代码。如何在呈现页面后只显示2篇"文章"，并有机会单击"显示更多"？

与其他问题的主要区别在于，我想显示更多的<div>块，而不是<li>和其他块。我没能遍历整个块(

<aui:form name="journalForm" id="journalForm">
    <c:forEach items="${articleModelList}" varStatus="counter"
        var="article">
        <div class="span3">
            <c:if test="${(counter.index % 3) == 0}">
                <div class="article animated fadeInLeft">
            </c:if>
            <c:if test="${(counter.index % 3) == 1}">
                <div class="article animated fadeInDown">
            </c:if>
            <c:if test="${(counter.index % 3) == 2}">
                <div class="article animated fadeInRight">
            </c:if>
            <div class="well">
                <h3>${article.articleName}</h3>
                <div class="article__content">
                    <div class="seo-header">Click to view content</div>
                    <div class="seo-content morecontent">
                        <p class="text-success">${article.articleContent}</p>
                    </div>
                </div>
            </div>
        </div>
</div>
</c:forEach>
</aui:form>
</div>
<div id="loadMore">Load more</div>
<div id="showLess">Show less</div>

我想到了这个：

$(document).ready(function() {
size_li = $("#myList .span3").size();
x = 2;
$("#myList .span3 .article").each(function(index, obj) {
    if (index < 2)
        $(obj).attr("display", "block");
});

但它不起作用。我读了很多文档，但没有效果。

这是一种魔法，因为我整天都在尝试解决它，在这里发布后2分钟就成功了。

$(document).ready(function() {
size_li = $("#myList .span3").size();
x = 2;
$("#myList .span3 .article").each(function(index, obj) {
    if (index < 3)
        $(obj).show();  });
});

以及CCD_ 4文件中的CCD_。

相关文章：