javascript使用原始字符串而不是子字符串

Question

我不确定标题的内容如何，​​但这就是我正在做的事情......

我的页面左边有一个垂直菜单，列表中有小段落，我使用javascript的子串方法来截断单词的数量并用三个点替换它们，称之为'ellipsing'或者其他你可以。

然而，是否有任何方法可以保持该视图，但也可以这样做，当我点击其中一个段落时，它使用那里的整个/原始字符串？因为到目前为止它只检索截断的字符串。

进一步添加所谓的段落实际上是从数据库中提取并放入div标签的文本...在这里使用asp。

Answer 1

像这样创建一个css类：

.ellip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

将此课程应用于您的菜单项（您调用的段落）。这些菜单项的父级应该有宽度。

请看这个小提琴： http://jsfiddle.net/88mmf/

这将帮助您了解如何使用javascript或jQuery在点击时切换此类。

希望有所帮助。

Answer 2

您可以将整个字符串保存在全局数组（window.labels）中，并在截断版本或全文版本中引用它们：

window.labels = [];
window.labels[0] = 'very long string bla bla bla';
window.labels[1] = ...