如何將文字分成兩部分

Question

我在保存在asp.net頁面上的文字控件中顯示來自我的數據庫的內容。

我想獲取所有數據，但使用腳本只顯示一部分給用戶。名爲「Read More ..」的鏈接將在文本結尾處動態添加。如果用戶喜歡閱讀一部分，他/她可以點擊'閱讀更多..'並瀏覽整篇文章。

如何創建這樣的功能？

Answer 1

我建議你不要在頁面上放置文字。要開始，我會把一個PlaceHolder放在頁面上。然後，您可以縮短將添加到Literal中的顯示文本，然後將其添加到PlaceHolder。然後你可以添加一個HyperLink（或一個LinkBut​​ton）到PlaceHolder。當用戶點擊鏈接/按鈕時，您可以重置該PlaceHolder的數據。

Answer 2

沿着相同的路線安德魯類，但與一些JavaScript：

剪切文字要，並添加一個超鏈接，並顯示跨度：無。

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
eiusmod tempor <a href="#" id="readMore">Read More ...</a> 
<span id="readMoreText">incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi 
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
officia deserunt mollit anim id est laborum.</span> 

你可以在那裏看到它。在您的Javascript（jQuery）中，單擊#readMore時，讓#readMoreText從display：none變爲display：inline，並讓超鏈接顯示：none。