1

我已经下载了一个带有名为 Publications 的模块的模板。加载新闻页面时,它会调用此 .tpl 文件:

{title}{$category.title}{/title}
<div class="newsPage">
    <h1>Latest News</h1>

    {foreach from=$articles item=entry name=articles}
        {if $smarty.foreach.articles.first}<dl><br />{/if}
        <dt><a href="{$GLOBALS.site_url}/publications/{$category.id}/{$entry.id}/{$entry.title|replace:' ':'-'|escape:"urlpathinfo"}.html" class="title"></dt>
        <dd>{$entry.description}</dd>
        {if $smarty.foreach.articles.last}</dl></a>{/if}
    {foreachelse}
        [[There are no articles available at this time]]
    {/foreach}
</div>

这就是问题所在。如果有 1000 篇文章,则会加载所有文章,并且不会创建任何页面。

我正在尝试创建一个“显示更多”按钮,首先只显示最新的 4 篇文章,然后当单击“显示更多”按钮时,将显示接下来的 4 篇文章,依此类推......

那可能吗?任何人都可以帮助我用新的方法来创建动态新闻部分吗?

4

2 回答 2

0

Solved. Changed the <dl> <dt> <dd> to <ul> <li> and then:

    var vis = 5;
$('.news li').slice(vis).hide();

var $more = $('<a href="#">Mais</a>')
    $more.click(function(){
        $('.news li:hidden').slice(0,vis).show();
        if($('.news li:hidden').length == 0)
            $more.hide();
    });
$('.newsPage ul').after($more);
于 2013-06-13T19:24:44.707 回答
0

我仍然没有安装我的编辑器,但你可以给一个 div 或任何东西一些属性,这使得该对象隐藏,我不确定它是阻塞还是隐藏它自己,

然后你也可以给它一个id,并用java脚本引用它,因为你已经知道像jQuery这样的查询语言,你可以更简单地引用div元素,并更改它的属性,(我没有工作使用 jQuery),如果它即将作为一个 toltip,你可以使用你的父 div/图像/按钮/任何东西:

[style]:hover{display:block;}

对于通常是的样式:

[style]{display:none;}

或者代替显示,你可以使用

[style]:hover{visibility:visible;}

对于像这样的 stle:

[style]{visibility:hidden;}

这是大多数网站菜单利用的一种方式

于 2013-06-12T21:08:26.713 回答