如何将文字分成两部分

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。