collective.js.showmore 1.0a4

简介

collective.js.showmore 提供了一个JQuery插件。

该插件隐藏一组节点，并用“显示更多...”链接替换它们。当点击链接时，隐藏的节点将再次变为可见。

API

该插件定义了一个新的showMore函数。它需要一个字典作为参数。

字典参数有一个必填值

expression

表达式是一个jQuery选择器，用于选择要隐藏的子节点。如果没有节点被隐藏，则不会创建链接。

字典参数可以可选地定义其他值

grace_count

定义不应隐藏的项目数量；默认值为1。在默认情况下，如果只有一个项目将被隐藏，则不隐藏并用链接替换它。

link_text

定义更多链接的文本；默认值为“显示更多...”。

link_class

定义添加到更多链接的类；默认值为showMoreLink。

hidden_class

定义设置在隐藏节点上的类；默认值为showMoreHidden。

display_less

启用或禁用较少链接的显示；默认值为true。

link_text_less

定义较少链接的文本；默认值为“显示较少...”。

link_class_less

定义添加到较少链接的类；默认值为showLessLink。

visible_class

定义设置在可见节点上的类；默认值为showMoreVisible。

示例

函数可以像以下这样调用

jq(function() {
    jq('ul').showMore({expression:'li:gt(1)'});
});

li所有

的子节点将被隐藏（除了每个
的前两个
• ）。每个
  的末尾将添加一个“显示更多...”链接。ul中具有两个或更少的
  • 将保持不变。当您点击“显示更多...”链接时，将显示“显示较少...”链接，以便您可以切换隐藏/可见内容。

杂项

JavaScript代码被注册为Z3资源

++resource++collective.showmore.js

1.0a4 - 2011-10-21

• 将文本更改为“显示较少...”。（CSS类仍然是showLessLink。）[elro]

1.0a3 - 2010-01-18

• 添加了对“显示较少...”特性的支持，当您点击“显示更多...”链接时，将显示一个新的链接以隐藏内容。[deo]

1.0a2 - 2009-04-20

• 添加了grace_count选项，以避免用“显示更多...”链接替换少量项目（例如一个），从而实际上不节省任何空间。[gotcha]

1.0a1 - 2009-04-08

• 首次发布 [gotcha]