jquery - Paperfold CSS 的绑定键

Question

我有个问题。

我下载了 mrflix 的 Paperfold CSS MDN并查看了代码。

我偶然发现了这段话：

// bind buttons
this.element.next('.seeMore').click( $.proxy(this, 'toggle') );
$('#go').click( $.proxy(this, 'toggle') );

我尝试将 .seeMore 更改为 a.link 因为当我单击站点上的特殊链接时应该触发折纸，但它不起作用。有什么建议么？

Answer 1

Use

$('.link').click( $.proxy(this, 'toggle') );

And you can remove quite some code that is used for the demo interaction (sliders, the go button $('#go') - all code you don't need).

Answer 2

不应该a:link代替a.link吗？

如果我这样做document.getElementsByClassName('link')，则只有一个带有 class 的元素link，并且是一个li元素而不是a.

编辑：

啊，这是一个例子！

所以在这里你有解决方案：

如果您查看代码，则启动动画的按钮具有 idgo并且没有类。所以改变.seeMore你不会有一个可以作为那个按钮的锚。

您必须更改您发布的代码的最后一行：

$('#go').click( $.proxy(this, 'toggle') );

进入

$('a.link').click( $.proxy(this, 'toggle') );