如何在此.TPL文件中創建Show More按鈕

我已下載了一個名爲Publications的模塊。當新聞頁面加載時，它會調用這個.tpl文件：如何在此.TPL文件中創建Show More按鈕

{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篇文章，等等。。

這可能嗎？任何人都可以用新的方式幫助我創建一個動態的新聞部分？

來源

2013-06-12 Bryan Willy

已解決。將<dl> <dt> <dd>更改爲<ul> <li>，然後：

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-13 19:24:44

我仍然didnt安裝我的編輯器，但你可以給一個div或者任何事物某些屬性，使該對象隱藏，我不知道這是塊，或隱藏它的自我，

那麼你也可以給它一個id，並用java腳本引用它，並且因爲您已經知道像jQuery這樣的查詢語言，所以您可以更簡單地引用div元素並更改其屬性，（我沒有使用過jQuery ），如果它要成爲一個toltip，你可以用你的父母DIV /圖像/按鈕/任何事情：

[style]:hover{display:block;}

的風格，其normaly是：

[style]{display:none;}

或代替顯示，u可以使用

[style]:hover{visibility:visible;}

爲STLE它們是這樣的：

[style]{visibility:hidden;}

這是大多數網站的菜單採取的

優勢的方法

來源

2013-06-12 21:08:26

謝謝。我解決了這個問題。 –

如何在此.TPL文件中創建Show More按鈕

回答

相關問題